⬇️ Выпадающий заголовок

Привет, Киган! Я пытаюсь добавить фон, чтобы это выглядело как кнопка, но когда у меня несколько скрытых ссылок заголовка (из-за настроек безопасности), я всё ещё вижу остатки скрытого меню. Можно ли как-то избежать этого? Спасибо!

Редактирование: Я понял, что это происходит из-за добавления отступов, чтобы это выглядело как кнопка. Я могу обойтись без них, если нет простого решения.

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--tertiary);
}

image

Редактирование 2:
Забыл, я просто проявил креативность!

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 0px;
    border-radius: 5px;
    background: var(--tertiary);
}

.custom-header-links .top-level-links .custom-header-link-caret svg {
    padding-right: 10px;
}

.custom-header-links .top-level-links .custom-header-link-icon {
    padding-left: 10px;
}
2 лайка

Привет, Киган! Когда я пытаюсь использовать функцию безопасности с указанными настройками, последние две ссылки просто исчезают, даже при просмотре с аккаунта, имеющего право на доступ к этим ссылкам (то есть входящего в группу пользователей “company_staff”).

Неправильно ли я использую эту функцию?

Спасибо.
@keegan


Привет, @kenjdarhan,

Похоже, что headerLinkId указывает на 1 и 2 для двух последних ссылок. Если вы хотите, чтобы они отображались в том же выпадающем списке, то, вероятно, должно быть 0.

Здравствуйте! Я использую компонент «Заголовок выпадающего списка», и он оказался невероятно удобным и очень полезным для нас. Однако было бы ещё лучше, если бы ссылки в выпадающем меню открывались в новых вкладках. С нетерпением жду вашего ответа.

1 лайк

Приветствуем PR-предложения или свяжитесь с нами, чтобы поддержать нашу работу.

Привет! Я новичок в Font Awesome и не могу заставить иконки отображаться.
Вот что у меня пока получилось. Не могли бы вы мне помочь?

Добавили ли вы необычные элементы к этому глобальному настройке?:

О боже, спасибо! Я постоянно добавлял их с использованием формата , но это ничего не давало. Спасибо за это.

2 лайка

Приветствую!

Не могли бы вы пояснить, какой элемент вашего шаблона позволяет размещать иконки/кнопки со ссылками на другие страницы вашего сайта?
image

Меня особенно впечатлило расположение этих кнопок в мобильной версии — они отлично размещены над заголовком в виде иконок в мобильной версии.

:+1:

1 лайк

Привет, спасибо за ваш ответ :blush:.

Чтобы сделать навигацию между всеми разделами моего сайта (включая форум) более плавной, я решил создать HTML-код с этой адаптивной навигационной панелью, убрав компонент выпадающего меню.

Как вы можете видеть на этих других страницах, которые являются частью того же сайта, я вставил точно такой же код, чтобы все ссылки были в одном клике :grin:

https://oii.francescomancuso.it/

https://oii.francescomancuso.it/risorse/

http://oii.francescomancuso.it/contest/

https://oii.francescomancuso.it/ranking/

1 лайк

Как это на самом деле исправить? Я всё ещё не могу заставить иконку появиться :smiling_face_with_tear:

@merefield Отличный компонент!

Ссылки меню не отображаются на мобильных устройствах. Если ссылки расположены справа, появляются иконки-стрелочки, но отображаются только выпадающие ссылки, а не сами пункты меню. Что я упускаю?

Я прикрепил скриншоты вида для рабочего стола, мобильного вида и текущих настроек.

Мобильный вид:

Буду очень признателен за вашу помощь!

Спасибо.

1 лайк

Привет, @Joe_Nguyen! Я только что установил этот компонент, и он работает как положено как в мобильной, так и в настольной версии. Если возможно, не могли бы вы сделать скриншоты настроек, которые появляются при нажатии кнопки «Запустить редактор» в настройках компонента? Не совсем понятно, что там происходит — в мобильной версии должно быть что-то ещё. :thinking:

2 лайка

Как и у Лили, у меня всё работает отлично.

Я заметил, что вы используете адаптивные окна в Chrome. Если вы это делаете, перезагрузите страницу (F5) хотя бы один раз; иначе вы не увидите мобильный вид.

Вы также можете убедиться, что используете мобильный вид, добавив ?mobile_view=1 к URL форума.

3 лайка

@Lilly Вот мои настройки:

@Arkshine — когда я добавил ?mobile_view=1 в URL, я увидел стрелку выпадающего списка.

Спасибо!

2 лайка

Вы уверены, что на мобильном устройстве не включён режим для ПК?

1 лайк

Привет, @Lilly! Теперь я вижу выпадающий список на мобильных устройствах. :grinning: Мне нужно понять, как открывать ссылки в новом окне.

1 лайк

Я склонен позволять пользователям настраивать это в своих предпочтениях или настройках интерфейса, поскольку пользователи скринридеров негативно реагируют на принудительное открытие ссылок в новых окнах или вкладках.

Ещё раз спасибо @Lilly @Arkshine за вашу помощь!

1 лайк

Пожалуйста, рад, что это помогло.

@Arkshine проделал всю работу, я лишь комментировал, ха-ха :laughing:

2 лайка