Desculpe, não li seu comentário completamente. Eu estava pensando no problema de rolagem lateral que também estou enfrentando.
2 curtidas
Não fiz nada de especial com isso. Qual é o seu problema?
1 curtida
Quando toco em um item no menu, ele permanece aberto e a página é recarregada. O menu desaparece apenas quando você clica fora dele. Esse comportamento é mais perceptível em dispositivos móveis, pois a tela é pequena e você não consegue ver o conteúdo da página, já que o menu não fecha automaticamente.
Você está usando a versão mais recente dos submenus?
1 curtida
A versão mais antiga de submenus não parece ter esse problema, mas não é tão elegante quanto a nova. Se quiser eliminar o bug em que o menu não fecha automaticamente após clicar no submenu, use este antigo fork no GitHub.
1 curtida
Este componente é fantástico e, com um pouco de ajuste no CSS, estou muito satisfeito com o resultado. Obrigado por criá-lo!
O principal problema que tenho é a dificuldade de inserir um novo item nos menus depois de configurados.
Vi que havia um pull request para substituir todos os campos de texto individuais por um único campo maior, o que, na minha opinião, faria muito mais sentido.
Outra alternativa seria permitir a importação e exportação da sua configuração. (Talvez isso precise de trabalho no lado do Discourse, e não no componente do tema? Não tenho certeza.) Se pudéssemos fazer isso, poderíamos fazer as alterações em um editor de texto e enviá-las, o que seria ótimo. Também facilitaria o backup.
(Pensei que talvez o botão Exportar, na parte inferior da interface de configuração do componente, fizesse isso, mas parece apenas salvar o código-fonte do componente e a configuração padrão, não a minha.)
Isso posto, é excelente e nos permitiu adicionar muitos links comumente necessários no topo do nosso fórum, ajudando tanto nossos usuários quanto nós mesmos a encontrar coisas rapidamente.
4 curtidas
Este fork de um desenvolvedor da comunidade possui uma grande área de texto para adicionar itens de menu e submenu. É uma versão antiga, mas ainda nos forneceu o que precisamos.
3 curtidas
O fork de @Canapin é resultado de [PAID] Header Submenus UI modification. Também achamos que ele faz o que precisamos.
Mas definitivamente não tente editar o texto dos submenus na caixa. Nós mantemos o menu em um arquivo CSV e usamos este procedimento, que está publicado em um tópico de como fazer para a equipe:
- Abra o arquivo CSV em um aplicativo de planilha.
- Edite os dados. Geralmente, basta seguir o padrão.
- Salve o arquivo CSV.
- Abra o arquivo CSV em um editor de texto.
- Copie do editor de texto e cole na caixa de itens do submenu.
- Faça o upload do arquivo CSV com suas alterações para este tópico para mantê-lo sincronizado.
Vale ressaltar também que você pode usar algumas tags HTML e espaços no CSV para fornecer mais organização e sub-sub-menus, o que ajuda a colocar bastante coisa em um celular:
5 curtidas
Isso (menus suspensos) pode ser feito com HTML / CSS simples, nada a ver com o Discourse. Você pode pressionar f12 e examinar como eles fizeram isso, por meio das ferramentas do navegador.
4 curtidas
Depois de ler algumas postagens, pensei que a única maneira de adicionar links especificamente ao .d-header seria por meio de um componente semelhante ao que este faz, exceto que este componente cria um cabeçalho adicional acima.
Após postar aqui, tive a ideia de que um componente semelhante ao Custom Header Links poderia fazer o trabalho se fosse ajustado conforme sugerido em minha postagem.
3 curtidas
Após atualizar para a versão mais recente, os submenus do cabeçalho no modo “Fixo” (“Forçar que o menu permaneça visível no topo, independentemente da rolagem - apenas para desktop”) não funcionam corretamente. Na página principal, ele adiciona muito espaço em branco, e em outras páginas, o submenu do cabeçalho cobre o menu principal do Discourse. Tenho certeza de que isso está relacionado a:
mas não vejo que o CSS deste componente do tema esteja definindo posição absoluta no d.header. Alguma ideia?
3 curtidas
Qual navegador você está usando? Você pode compartilhar uma captura de tela do problema?
Isso é o que eu vejo no Discourse mais recente com o “Modo fixo” ativado quando estou rolando a lista de tópicos:
1 curtida
É o mesmo problema no Chrome ou Firefox no desktop. No mobile está ok.
Página principal sem o “Modo fixo” (normal):
Página principal com o “Modo fixo” tem espaço em branco extra:
Rolou para baixo no tópico sem o “Modo fixo” (normal):
Rolou para baixo no tópico com o “Modo fixo”. Logo, Título do Tópico e Menu hambúrguer estão cobertos pelo menu:
2 curtidas
Você tem outro CSS personalizado? É possível que haja algum padding ou margin em .docked .d-header ou #main-outlet que esteja conflitando com as atualizações do Discourse…
4 curtidas
É possível usar itens de menu com URL sem dropdown?
2 curtidas
Sugiro Custom Header Links (icons) se você não precisar de menus suspensos — é menos problemático e parece mais integrado. Não sei a resposta à sua pergunta real, mas estou apostando que “não”.
2 curtidas
Atualmente estou usando este plugin, mas como não há espaço suficiente na seção do cabeçalho, estou planejando colocar os menus suspensos no topo. No entanto, preciso adicionar URLs ao menu de nível superior.
Além disso, não consegui criar um menu suspenso com “Links personalizados do cabeçalho”. Parece que o Zoom fez isso. Analisei o menu suspenso deles via console, mas não consegui entender como eles interferem no HTML desse componente para adicionar um menu suspenso a qualquer item.
2 curtidas
Tenho uma sugestão de recurso: já que o problema de rolagem não pode ser resolvido, que tal adicionar uma opção para desativar o texto no mobile, deixando apenas os ícones visíveis? Não parece haver uma maneira de selecionar apenas o texto com CSS, senão eu o ocultaria dessa forma. Obrigado!
3 curtidas
Olá!
Ao instalar o componente “submenus do cabeçalho”, ele aparece, mas sobrepõe o cabeçalho atual do meu fórum.
A versão do Discourse que tenho é a 2.4.1.
Por favor, se alguém puder me orientar sobre como resolver isso.
Obrigado.
1 curtida
Você já tentou atualizar seu Discourse? A versão mais recente é a 2.7.0.beta3.
2 curtidas