Динамическая иконка боковой панели в Discourse

:information_source: Краткое описание Делает иконку переключения боковой панели динамической и настраиваемой
:hammer_and_wrench: Репозиторий https://github.com/Lillinator/discourse-dynamic-sidebar-icon
:eyeglasses: Предпросмотр https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Динамическая иконка боковой панели Discourse

:woman_technologist:t2: Краткое описание

Легковесный компонент темы Discourse, который динамически меняет иконку переключения боковой панели в заголовке в зависимости от того, открыта она или закрыта.

По умолчанию компонент отображает стандартное меню-гамбургер (bars), когда боковая панель закрыта, и переключается на иконку закрытия (xmark), когда она открыта. Администраторы также могут указать собственные иконки.

:star: Возможности

  • Предоставляет пользователям четкую визуальную обратную связь о том, как взаимодействовать с боковой панелью.
  • Администраторы могут легко заменить иконки по умолчанию на любые иконки FontAwesome через настройки темы.
  • Этот компонент предназначен исключительно для настольных и планшетных экранов; на мобильных устройствах он не действует.

:wrench: Настройки

Настройте иконки для открытия и закрытия боковой панели, отредактировав настройки компонента:

setting description
icon_to_open_the_sidebar иконка, отображаемая, когда боковая панель свернута
(по умолчанию: bars)
icon_to_close_the_sidebar иконка, отображаемая, когда боковая панель развернута
(по умолчанию: xmark)

:warning: Важные замечания

  • Если используются пользовательские иконки, которые еще не включены в ядро Discourse, они будут отображаться пустыми; чтобы исправить это, необходимо добавить пользовательские иконки (например, rocket, cat) в настройку сайта Подмножество SVG-икон в административных настройках Discourse (см. Все настройки сайтаПодмножество SVG-икон).
  • Этот компонент не работает в режиме выпадающего заголовка.
5 лайков