Ícono de barra lateral dinámica para Discourse

:information_source: Resumen Hace que el icono de alternar la barra lateral sea dinámico y personalizable
:hammer_and_wrench: Repositorio https://github.com/Lillinator/discourse-dynamic-sidebar-icon
:eyeglasses: Vista previa https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon
:question: Guía de instalación Cómo instalar un tema o componente de tema
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Icono dinámico de la barra lateral de Discourse

:woman_technologist:t2: Resumen

Un componente de tema ligero para Discourse que cambia dinámicamente el icono de alternar la barra lateral en el encabezado según si la barra lateral está abierta o cerrada.

Por defecto, el componente muestra el menú hamburguesa estándar (bars) cuando la barra lateral está cerrada y cambia a un icono de cerrar (xmark) cuando la barra lateral está abierta. Los administradores también pueden especificar iconos personalizados.

:star: Características

  • Ofrece a los usuarios una retroalimentación visual clara sobre cómo interactuar con la barra lateral.
  • Los administradores pueden reemplazar fácilmente los iconos predeterminados con cualquier icono de FontAwesome mediante la configuración del tema.
  • Este componente es exclusivo para vistas de escritorio y tablet; no tiene efecto en dispositivos móviles.

:wrench: Configuración

Personaliza los iconos utilizados para abrir y cerrar la barra lateral editando la configuración del componente:

configuración descripción
icon_to_open_the_sidebar el icono que se muestra cuando la barra lateral está contraída
(predeterminado: bars)
icon_to_close_the_sidebar el icono que se muestra cuando la barra lateral está expandida
(predeterminado: xmark)

:warning: Notas importantes

  • Si usas iconos personalizados que aún no están incluidos en el núcleo de Discourse, aparecerán en blanco; para solucionarlo, debes agregar los iconos personalizados (por ejemplo, rocket, cat) a la configuración del sitio Subconjunto de iconos SVG en la configuración de administración de Discourse (consulta Todas las configuraciones del sitioSubconjunto de iconos SVG).
  • Este componente no funciona con el modo de menú desplegable en el encabezado.
5 Me gusta