Brand Header adiciona um cabeçalho superior extra para marcação com seu logotipo, links de navegação e ícones sociais para visualizações em dispositivos móveis e desktop. O logotipo da marca pode ser uma imagem ou texto.
Lista de ícones FontAwesome 6 usados neste componente de tema
mostrar barra no celular
plugin outlet
Usando Ícones Font Awesome 6
Para permitir que os Ícones Font Awesome 6 sejam exibidos corretamente neste componente de tema, você precisará adicioná-los em 3 lugares no Discourse:
A configuração do site svg icon subset
A configuração custom font awesome icons no componente
A configuração icons no componente
Além disso, para alguns Ícones Font Awesome 6, você precisará especificar um prefixo fa ou fab junto com o nome do ícone (Ex: “fab-bluesky”), devido a alguns ícones fazerem parte de um subconjunto específico de ícones. Consulte Estamos atualizando nossos ícones para Font Awesome 6! para mais detalhes sobre esse uso.
Depois de adicionar esses ícones nos três locais, você deverá vê-los exibidos corretamente no componente de tema do cabeçalho da marca.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
Adoro essa mudança, mas em vários sites onde uso pessoalmente e em um site hospedado onde sou moderador (os fóruns do NaNoWriMo), temos observado alguns problemas. Diferente do menu hambúrguer comum, se você tentar deslizar para fechá-lo, ele volta para a tela.
Pessoalmente, vi isso em um Moto (g7) Power totalmente atualizado com Android 9 e em um iPhone 8 totalmente atualizado.
Também houve pelo menos um relato de que o menu abre ao tocar perto do ícone e não apenas nele, mas pessoalmente não consegui reproduzir esse comportamento específico.
Recebi uma consulta sobre por que o menu não está funcionando em dispositivos móveis. O usuário clicou no menu hambúrguer à esquerda e, em seguida, em um link do menu — e a percepção dele foi de que não estava funcionando, pois o menu ainda ocupava a maior parte da tela.
Tive que explicar que é necessário tocar em algum lugar à direita da tela, ao lado do menu, para fechá-lo.
Seria possível torná-lo mais intuitivo, seja:
Fechando automaticamente o menu ao clicar em um link do menu em dispositivos móveis?
Incluindo um botão ‘Fechar Menu’ em dispositivos móveis?
Eu estava pensando em fazer um pedido semelhante. Frequentemente tento fechar o menu no mobile deslizando-o para a esquerda. Parece que está funcionando, mas ele volta para o lugar. Nos outros menus do Discourse, funciona deslizá-los de volta para o lado para fechá-los.
Com base nas 2 postagens anteriores, está quebrado há pelo menos 5 meses e ninguém respondeu. Vou assumir que este componente de tema está inativo, a menos que alguém diga o contrário.
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
