Hack de Discourse Offline Indicator

[Don]

Hola

Este es un pequeño hack (rediseño) del indicador de desconexión oficial.
Configuración del sitio: enable offline indicator

He sobrescrito la plantilla del indicador de desconexión para añadirle iconos. Para añadir el icono, he puesto los dos iconos siguientes (wifi y barra) uno encima del otro.

Por defecto

Modificado

---

Aquí está el repositorio (puedes usarlo o usarlo como plantilla si tienes otras ideas): GitHub - VaperinaDEV/discourse-offline-indicator-hack

[Lilly (Lillian Louis)]

¡Genial! Me encanta cómo combinaste los iconos, ¡qué truco tan bueno!

[Don]

Hola

He actualizado el componente de tema porque ahora el componente de indicador sin conexión es un .gjs, por lo que no podemos anular su plantilla.

Utilizo la ayuda Icono SVG y Emoji fáciles de Discourse en CSS. He añadido el icono Wifi Off de Google Material. De esta manera, no necesitamos fusionar dos iconos separados.

FIX: The offline indicator component is not overridable anymore, we add the icon with CSS.