Hack do Indicador Offline do Discourse

Olá :wave:

Este é um pequeno hack (redesign) para o indicador offline oficial.
Configuração do Site: enable offline indicator

Eu sobrescrevi o template do indicador offline para adicionar ícones a ele. Para adicionar o ícone, coloquei os dois ícones a seguir (wifi e barra) um sobre o outro.

Padrão
Screenshot 2024-03-03 at 10.14.06

Modificado
Screenshot 2024-03-03 at 10.13.56


Aqui está o repositório (você pode usá-lo ou usá-lo como modelo se tiver outras ideias): GitHub - VaperinaDEV/discourse-offline-indicator-hack

9 curtidas

Legal! Adorei como você combinou os ícones - truque legal! :slight_smile:

6 curtidas

Olá :wave:

Atualizei o componente de tema porque agora o componente indicador offline é um .gjs, então não podemos substituir seu template.

Eu uso o Discourse Easy ‘SVG Icon’ and ‘Emoji’ in CSS helper. Adicionei o ícone Wifi Off do Google Material. Assim, não precisamos mesclar dois ícones separados.

Screenshot 2024-05-01 at 13.21.06

7 curtidas