Ícone de barra lateral dinâmica do Discourse

[Lilly]

	Resumo	Torna o ícone de alternância da barra lateral dinâmico e personalizável
	Repositório	https://github.com/Lillinator/discourse-dynamic-sidebar-icon
	Prévia	https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon
	Guia de Instalação	Como instalar um tema ou componente de tema

Instale este componente de tema

Visão Geral

Um componente de tema Discourse leve 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 ícone padrão de menu hambúrguer (bars) quando a barra lateral está fechada e transita para um ícone de fechar X (xmark) quando a barra lateral está aberta.

Os administradores podem especificar ícones personalizados, se desejarem, e também escolher habilitá-los para a visualização móvel (embora o aspecto dinâmico do componente se aplique apenas a tamanhos de viewport não móveis, administradores que alteram o ícone de abertura podem desejar consistência com a UX móvel).

---

Recursos

• Oferece feedback visual claro aos usuários sobre como interagir com a barra lateral.
• Os administradores podem substituir facilmente os ícones padrão por qualquer ícone do FontAwesome através das configurações do tema.
• Permite habilitar um ícone de barra lateral substituído para consistência da UX em viewport móvel.

---

Capturas de Vídeo

Padrões do componente:

Usando ícones dog e cat:

---

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)
Apply_open_icon_on_mobile	aplicar o ícone de ‘abrir’ personalizado na viewport móvel (padrão: false)

---

Notas

• 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 SVG icon subset nas configurações de administração do Discourse (veja All Site Settings → SVG icon subset).
• Este componente não funciona com o modo de menu suspenso no cabeçalho.

---

Confira meus outros materiais do Discourse

[Lilly]

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.