Cabeçalho Categorias Barra de navegação

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.

2 curtidas

Consigo reproduzir o problema usando as categorias de cabeçalho navbar e o componente de largura total juntas.

3 curtidas

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;
}
4 curtidas

Obrigado, isso corrigiu o problema!

Também estou me perguntando se há uma maneira de classificar as categorias mostradas lá?

1 curtida

Acho que a ordem é a mesma da página de categorias. Você pode alterá-la seguindo Reordering categories and setting fixed category positions

3 curtidas

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)
3 curtidas

Mesmo problema aqui

Para reproduzir: clique em uma categoria + F5

5 curtidas

Acabei de fazer algumas atualizações que devem corrigir isso.

5 curtidas

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.

1 curtida

Isso é útil, mas não funciona mais, tente isto

html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
    height: 5em !important;
}
2 curtidas

Recebendo um “página não encontrada” no link de pré-visualização na primeira postagem

2 curtidas

Ah, desculpe por isso. Tente novamente agora. :+1:

1 curtida

É 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

1 curtida

O sistema de navegação mais confortável e utilizável desapareceu depois de uma atualização muito recente :scream:

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.

1 curtida

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:

  1. Abra uma categoria pela barra de navegação ou pela barra lateral.
  2. Confirme que a categoria está destacada na barra de navegação.
  3. Clique no logotipo do fórum para retornar à página inicial.
  4. 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