 |
Краткое описание | Делает значок переключения боковой панели динамичным и настраиваемым |
 |
Репозиторий | https://github.com/Lillinator/dynamic-sidebar-icon |
 |
Предпросмотр | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon |
 |
Руководство по установке | Как установить тему или компонент темы |
Установить этот компонент темы
Обзор
Легковесный компонент темы для Discourse, который динамически меняет значок переключения боковой панели в заголовке в зависимости от того, открыта она или закрыта.
По умолчанию компонент отображает стандартный значок меню «гамбургер» (bars), когда боковая панель закрыта, и переходит к значку крестика (xmark), когда боковая панель открыта.
Администраторы могут указать свои собственные значки, если пожелают, а также выбрать, включить ли их для мобильного просмотра (хотя динамический аспект компонента применяется только к размерам области просмотра, не являющимся мобильными, администраторы, меняющие значок открытия, могут захотеть обеспечить согласованность с пользовательским опытом на мобильных устройствах).
Возможности
- Дает пользователям четкую визуальную обратную связь о том, как взаимодействовать с боковой панелью.
- Администраторы могут легко заменить значки по умолчанию на любой значок FontAwesome через настройки темы.
- Позволяет включить замененный значок боковой панели для мобильной области просмотра ради согласованности пользовательского опыта.
Видео-скриншоты
Значения по умолчанию компонента:
Использование значков dog и cat:
Настройки
Настройте значки, используемые для открытия и закрытия боковой панели, отредактировав настройки компонента:
| setting | description |
|---|---|
Icon_to_open_the_sidebar |
значок, отображаемый, когда боковая панель свернута (по умолчанию: bars) |
Icon_to_close_the_sidebar |
значок, отображаемый, когда боковая панель развернута (по умолчанию: xmark) |
Apply_open_icon_on_mobile |
применить пользовательский значок «открыть» для мобильной области просмотра (по умолчанию: false) |
Примечания
- Если используются пользовательские значки, которые еще не включены в ядро Discourse, они будут отображаться пустыми; чтобы исправить это, необходимо добавить пользовательские значки (например,
rocket,cat) в настройку сайтаSVG icon subsetв административных настройках вашего Discourse (см.All Site Settings→SVG icon subset). - Этот компонент не работает в режиме выпадающего заголовка.
Посмотрите мои другие проекты для Discourse
