 |
Resumen | Hace que el icono de alternar la barra lateral sea dinámico y personalizable |
 |
Repositorio | https://github.com/Lillinator/discourse-dynamic-sidebar-icon |
 |
Vista previa | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon |
 |
Guía de instalación | Cómo instalar un tema o componente de tema |
Instalar este componente de tema
Descripción general
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 icono estándar de menú hamburguesa (bars) cuando la barra lateral está cerrada, y cambia a un icono de cierre en forma de X (xmark) cuando la barra lateral está abierta.
Los administradores pueden especificar iconos personalizados si lo desean, y también pueden optar por habilitarlo para la vista móvil (aunque el aspecto dinámico del componente solo se aplica a tamaños de ventana no móviles, los administradores que cambien el icono de apertura podrían querer consistencia con la experiencia de usuario en móvil).
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 a través de la configuración del tema.
- Permite habilitar un icono de barra lateral reemplazado para mantener la consistencia de la experiencia de usuario en vista móvil.
Capturas de video
Valores predeterminados del componente:
Usando los iconos dog y cat:
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) |
Apply_open_icon_on_mobile |
aplicar el icono personalizado de “abrir” en la vista móvil (predeterminado: false) |
Notas
- Si usas iconos personalizados que no están incluidos por defecto 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 sitioSubconjunto de iconos SVGen la configuración de administración de Discourse (verTodas las configuraciones del sitio→Subconjunto de iconos SVG). - Este componente no funciona con el modo de menú desplegable en el encabezado.
Consulta mi otro contenido de Discourse
