Ícone de barra lateral dinâmica do Discourse

:information_source: Resumo Torna o ícone de alternância da barra lateral dinâmico e personalizável
:hammer_and_wrench: Repositório https://github.com/Lillinator/discourse-dynamic-sidebar-icon
:eyeglasses: Prévia https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Ícone Dinâmico da Barra Lateral do Discourse

:woman_technologist:t2: Resumo

Um componente de tema leve do Discourse que altera dinamicamente o ícone de alternância da barra lateral no cabeçalho com base se a barra lateral está aberta ou fechada.

Por padrão, o componente exibe o menu hambúrguer padrão (bars) quando a barra lateral está fechada e transita para um ícone de fechar (xmark) quando a barra lateral está aberta. Os administradores também podem especificar ícones personalizados.

:star: Recursos

  • Oferece aos usuários um feedback visual claro sobre como interagir com a barra lateral.
  • Os administradores podem substituir facilmente os ícones padrão por qualquer ícone do FontAwesome nas configurações do tema.
  • Este componente é exclusivo para visualizações em desktop e tablet; não tem efeito em dispositivos móveis.

:wrench: Configurações

Personalize os ícones usados para abrir e fechar a barra lateral editando as configurações do componente:

configuração descrição
icon_to_open_the_sidebar o ícone exibido quando a barra lateral está recolhida
(padrão: bars)
icon_to_close_the_sidebar o ícone exibido quando a barra lateral está expandida
(padrão: xmark)

:warning: Observações Importantes

  • Se estiver usando ícones personalizados que ainda não estão incluídos no núcleo do Discourse, eles aparecerão em branco; para corrigir isso, você deve adicionar os ícones personalizados (por exemplo, rocket, cat) à configuração do site Conjunto de ícones SVG nas configurações de administração do Discourse (veja Todas as configurações do siteConjunto de ícones SVG).
  • Este componente não funciona com o modo de menu suspenso no cabeçalho.
10 curtidas

Refatorei o componente e adicionei uma nova configuração booleana Aplicar ícone de abrir no mobile (o padrão está desativado). Isso permite que administradores que alteram o ícone de abrir do padrão bars escolham habilitá-lo no tamanho de visualização móvel para consistência de UX. A barra lateral de sobreposição móvel se comporta de forma diferente, então o ícone não muda quando a barra lateral é ativada em tamanhos de visualização pequenos. Atualizei a OP também.

2 curtidas