Ho riscontrato il problema, viene visualizzato solo nell’angolo in alto a sinistra e non a larghezza intera. Sto utilizzando il componente del tema di ricerca a larghezza intera e intestazione. Non ho plugin installati.
Posso riprodurre il problema utilizzando insieme le categorie dell’intestazione navbar e il componente a larghezza intera.
per far funzionare questo insieme al componente a larghezza intera, dovresti aggiungere del CSS al tuo tema…
Qualcosa di simile dovrebbe metterti in una situazione migliore:
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;
}
Grazie, questo ha risolto il problema!
Mi stavo anche chiedendo se ci fosse un modo per ordinare le categorie mostrate lì?
Penso che l’ordine sia lo stesso della pagina delle categorie. Puoi cambiarlo seguendo Reordering categories and setting fixed category positions
Problema successivo:
Quando sono in un argomento, provo a fare clic su una categoria.
Quindi succede questo:
Il menu scompare.
Errore della 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)
Stesso problema qui
Per riprodurre: fare clic su una categoria + F5
Ho appena apportato alcune modifiche che dovrebbero risolvere il problema
Grazie mille per la correzione!
Potresti considerare di aggiungere un’opzione per applicare l’ordine di ordinamento della barra laterale alle categorie dell’intestazione della barra di navigazione? Ciò darebbe la possibilità agli utenti di applicare le proprie scelte alla barra di navigazione delle categorie dell’intestazione.
Questo è utile ma non funziona più, prova questo
html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
height: 5em !important;
}
Ricezione di un errore “pagina non trovata” sul collegamento di anteprima nel primo post
Ah, mi dispiace. Riprova ora. ![]()
È possibile includere la barra di navigazione nell’intestazione accanto al logo se si hanno solo poche categorie?
Cordiali saluti
Olle
È utile. Grazie.
Mi chiedo se sia possibile centrare la barra di navigazione sul sito web?
È possibile includere la barra di navigazione nell’intestazione dove si trova il logo?
Mi chiedo anche se sia possibile nascondere la barra di navigazione nelle pagine /login e /signup perché appare anche quando non c’è un’intestazione qui.
Cordiali saluti
Olle
Come cambiare la posizione di visualizzazione in fondo all’intestazione?
Non è già in fondo all’intestazione? Se sto fraintendendo, forse puoi fare un fork e cambiare l’outlet del plugin del componente.
Intendo sotto l’ <header class="d-header">
Il sistema di navigazione più comodo e utilizzabile è scomparso dopo un aggiornamento molto recente ![]()
C’è qualche possibilità di riaverlo?
E no, non so se la console mostra degli errori, perché al momento uso l’iPad.
Esiste un modo per questo (o c’è un altro componente) per visualizzare le sottocategorie nei menu a tendina quando esistono?
La categoria selezionata rimane evidenziata dopo il ritorno alla homepage
Ciao! Grazie per questo componente!
Ho notato che, dopo aver selezionato una categoria tramite la barra di navigazione delle categorie o la barra laterale, essa rimane sottolineata nella barra di navigazione anche dopo aver cliccato sul logo del forum per tornare alla homepage.
Passaggi per riprodurre il problema:
- Apri una categoria tramite la barra di navigazione o la barra laterale.
- Verifica che la categoria sia evidenziata nella barra di navigazione.
- Clicca sul logo del forum per tornare alla homepage.
- La categoria precedentemente selezionata rimane evidenziata.
Comportamento atteso: Quando si torna alla homepage, nessuna categoria dovrebbe rimanere evidenziata.
Dando un’occhiata a custom-categories-navbar.gjs, la causa probabile si trova in setActiveSlug(): aggiorna activeSlug quando la rotta corrente ha una categoria, ma non lo azzera quando la rotta non ne ha.
Aggiungere un else alla condizione esistente risolverebbe il problema?
} else {
this.activeSlug = "";
}
Questo dovrebbe azzerare la categoria attiva quando ci si naviga nuovamente alla homepage, preservando al contempo il comportamento di evidenziazione esistente all’interno delle categorie e delle sottocategorie.
Cordiali saluti,
Prof. Caju
