Tive o problema, ele só é exibido no canto superior esquerdo e não em tela cheia. Estou usando o componente de tema de pesquisa de largura total e cabeçalho. Não tenho nenhum plugin instalado.
Consigo reproduzir o problema usando as categorias de cabeçalho navbar e o componente de largura total juntas.
para fazer isso funcionar junto com o componente de largura total, você precisaria adicionar algum CSS ao seu tema…
Algo como isto deve colocá-lo em melhor forma:
html:not(.has-full-page-chat) .custom-categories-navbar {
grid-column-start: 1;
grid-column-end: -1;
}
.has-sidebar-page .d-header > .wrap .contents {
gap: 0 1em;
}
Obrigado, isso corrigiu o problema!
Também estou me perguntando se há uma maneira de classificar as categorias mostradas lá?
Acho que a ordem é a mesma da página de categorias. Você pode alterá-la seguindo Reordering categories and setting fixed category positions
Próximo problema:
Quando estou em um tópico, tento clicar em uma categoria.
Então, isso acontece:
O menu desaparece.
Erro no console:
custom-categories-navbar.js:64 Uncaught (in promise)
TypeError: Cannot read properties of null (reading 'scrollIntoView')
at n.setActiveSlug (custom-categories-navbar.js:64:52)
at new n (custom-categories-navbar.js:48:12)
at EmberGlimmerComponentManager.createComponent (base-component-manager.js:26:14)
at EmberGlimmerComponentManager.createComponent (ember-component-manager.js:51:29)
at M.create (manager.js:543:1)
at Object.evaluate (runtime.js:2676:1)
at Object.evaluate (runtime.js:1052:1)
at It.evaluateSyscall (runtime.js:4204:1)
at It.evaluateInner (runtime.js:4175:1)
at It.evaluateOuter (runtime.js:4168:1)
at Wt.next (runtime.js:4999:1)
at Wt._execute (runtime.js:4986:1)
at Wt.execute (runtime.js:4979:1)
at $t.insertItem (runtime.js:4468:1)
at $t.sync (runtime.js:4429:1)
at $t.evaluate (runtime.js:4366:1)
at Dt._execute (runtime.js:4247:1)
at Dt.execute (runtime.js:4232:1)
at qt.rerender (runtime.js:4547:1)
at index.js:4674:1)
at index.js:4934:1)
at Nt (runtime.js:4080:1)
at gr._renderRoots (index.js:4916:1)
at gr._renderRootsTransaction (index.js:4960:1)
at gr._revalidate (index.js:4992:1)
at invoke (backburner.js.js:280:1)
at h.flush (backburner.js.js:197:1)
at p.flush (backburner.js.js:358:1)
at B._end (backburner.js.js:798:1)
at B.end (backburner.js.js:589:1)
at B._run (backburner.js.js:842:1)
at B._join (backburner.js.js:819:1)
at B.join (backburner.js.js:629:1)
at Array.<anonymous> (index.js:4765:1)
at B._trigger (backburner.js.js:896:1)
at B._end (backburner.js.js:811:1)
at B._boundAutorunEnd (backburner.js.js:523:1)
Mesmo problema aqui
Para reproduzir: clique em uma categoria + F5
Acabei de fazer algumas atualizações que devem corrigir isso.
Muito obrigado por corrigir!
Você poderia considerar adicionar uma opção para aplicar a ordem de classificação da barra lateral às categorias do cabeçalho na barra de navegação? Isso traria a possibilidade de os usuários aplicarem suas próprias escolhas à barra de navegação das categorias do cabeçalho.
Isso é útil, mas não funciona mais, tente isto
html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
height: 5em !important;
}
Recebendo um “página não encontrada” no link de pré-visualização na primeira postagem
Ah, desculpe por isso. Tente novamente agora. ![]()
É possível incluir a barra de navegação no cabeçalho ao lado do logotipo se você tiver apenas algumas categorias?
Atenciosamente
Olle
Isso é útil. Obrigado.
Gostaria de saber se é possível centralizar a barra de navegação no site?
É possível incluir a barra de navegação no cabeçalho onde está o logotipo?
Também gostaria de saber se é possível ocultar a barra de navegação nas páginas /login e /signup, pois ela aparece lá mesmo quando não há cabeçalho aqui.
Atenciosamente,
Olle
Como alterar a posição de exibição para a parte inferior do cabeçalho?
Não está já na parte inferior do cabeçalho? Se eu estiver entendendo mal, talvez você possa fazer um fork e alterar o plugin outlet do componente.
Quero dizer sob o \u003cheader class="d-header"\u003e
O sistema de navegação mais confortável e utilizável desapareceu depois de uma atualização muito recente ![]()
Há alguma chance de trazê-lo de volta?
E não, eu não sei se o console mostra algum erro, porque uso iPad atualmente.
Existe uma maneira de isso (ou existe outro componente) exibir subcategorias em menus suspensos quando elas existem?
Categoria selecionada permanece destacada ao voltar para a página inicial
Olá! Obrigado por este componente!
Notei que, após selecionar uma categoria pela barra de navegação de categorias ou pela barra lateral, ela continua sublinhada na barra de navegação mesmo depois de clicar no logotipo do fórum para retornar à página inicial.
Passos para reproduzir:
- Abra uma categoria pela barra de navegação ou pela barra lateral.
- Confirme que a categoria está destacada na barra de navegação.
- Clique no logotipo do fórum para retornar à página inicial.
- A categoria anteriormente selecionada permanece destacada.
Comportamento esperado: Ao retornar à página inicial, nenhuma categoria deve permanecer destacada.
Ao analisar o custom-categories-navbar.gjs, a provável causa está em setActiveSlug(): ele atualiza activeSlug quando a rota atual tem uma categoria, mas não a limpa quando a rota não possui categoria.
Adicionar um else à condição existente resolveria isso?
} else {
this.activeSlug = "";
}
Isso deveria limpar a categoria ativa ao navegar de volta para a página inicial, preservando o comportamento de destaque existente dentro das categorias e subcategorias.
Atenciosamente,
Prof. Caju
