Brand Header adiciona um cabeçalho superior extra para branding com seu logotipo, links de navegação e ícones de redes sociais para visualizações em dispositivos móveis e desktop. O logotipo da marca pode ser uma imagem ou texto.
Lista de ícones do FontAwesome 6 usados neste componente de tema
mostrar barra no mobile
plugin outlet
Usando Ícones do Font Awesome 6
Para permitir que os ícones do Font Awesome 6 sejam exibidos corretamente neste componente de tema, você precisará adicioná-los em 3 locais no Discourse:
A configuração do site subconjunto de ícones svg
A configuração ícones personalizados do font awesome no componente
A configuração ícones no componente
Além disso, para alguns ícones do Font Awesome 6, você precisará especificar um prefixo fa ou fab com o nome do ícone (Ex: “fab-bluesky”), pois alguns ícones fazem parte de um subconjunto específico de ícones. Consulte Estamos atualizando nossos ícones para o Font Awesome 6! para detalhes sobre esse uso.
Depois de adicionar esses ícones nos três locais, você deverá vê-los exibidos corretamente no componente de tema Brand Header.
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.
