Kategorien-Header-Navigationsleiste

[Arnold (Jimmy)]

Ich habe das Problem, es wird nur in der oberen linken Ecke angezeigt und nicht über die volle Breite. Ich verwende die Full-Width- und Header-Search-Theme-Komponente. Ich habe keine Plugins installiert.

[Moin]

Ich kann das Problem reproduzieren, indem ich die Header-Kategorien “Navbar” und “Full Width Component” zusammen verwende.

[awesomerobot (Kris)]

damit dies zusammen mit der Vollbreitenkomponente funktioniert, müssen Sie Ihrem Theme etwas CSS hinzufügen…

Etwas wie das hier sollte Sie in eine bessere Form bringen:

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

[Arnold (Jimmy)]

Vielen Dank, das hat das Problem behoben!

Ich frage mich auch, ob es eine Möglichkeit gibt, die dort angezeigten Kategorien zu sortieren?

[Moin]

Ich glaube, die Reihenfolge ist dieselbe wie auf der Kategorieseite. Sie können das ändern, indem Sie Reordering categories and setting fixed category positions folgen.

[Arnold (Jimmy)]

Nächstes Problem:

Wenn ich in einem Thema auf eine Kategorie klicke.

Dann passiert das:

Das Menü verschwindet.

Konsolenfehler:

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)

[David_Ghost]

Gleiches Problem hier

Zur Reproduktion: auf eine Kategorie klicken + F5

[awesomerobot (Kris)]

Ich habe gerade einige Updates vorgenommen, die dies beheben sollten

[Arnold (Jimmy)]

Vielen Dank für die Fehlerbehebung!

Könnten Sie erwägen, eine Option hinzuzufügen, um die Sortierreihenfolge der Seitenleiste auf die Navigationsleiste der Header-Kategorien anzuwenden? Dies würde den Benutzern die Möglichkeit geben, ihre eigenen Auswahlmöglichkeiten auf die Navigationsleiste der Header-Kategorien anzuwenden.

[eisammy (Sammy)]

Das ist hilfreich, funktioniert aber nicht mehr, versuchen Sie es damit

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

[jrgong]

@Discourse

Vorschau im Theme Creator

Erhalte eine “Seite nicht gefunden”-Meldung für den Vorschau-Link im ersten Beitrag

[JammyDodger]

Ah, das tut mir leid. Versuchen Sie es jetzt noch einmal.

[Olle11]

Ist es möglich, die Navigationsleiste neben dem Logo im Header unterzubringen, wenn man nur wenige Kategorien hat?

Mit freundlichen Grüßen
Olle

[Olle11]

Das ist hilfreich. Danke.

Ich frage mich, ob es möglich ist, die Navigationsleiste auf der Website zu zentrieren?

Ist es möglich, die Navigationsleiste in den Header einzufügen, wo sich das Logo befindet?

Ich frage mich auch, ob es möglich ist, die Navigationsleiste auf der /login- und /signup-Seite auszublenden, da sie dort erscheint, auch wenn hier kein Header vorhanden ist.

Mit freundlichen Grüßen
Olle

[xu2]

Wie ändere ich die Anzeigeposition auf den unteren Rand des Headers?

[NateDhaliwal]

Befindet es sich nicht bereits am unteren Rand des Headers? Falls ich Sie falsch verstehe, können Sie es vielleicht forken und den Plugin-Outlet der Komponente ändern.

[xu2]

Ich meine unter dem \u003cheader class="d-header"\u003e

[Jagster (Jakke Flemming)]

Das bequemste und am besten nutzbare Navigationssystem ist nach einem kürzlichen Upgrade verschwunden

Gibt es eine Möglichkeit, es zurückzubekommen?

Und nein, ich weiß nicht, ob die Konsole Fehler anzeigt, da ich heutzutage ein iPad benutze.

[stephtara (Stephanie Booth)]

Gibt es eine Möglichkeit, dass dies (oder gibt es eine andere Komponente), Unterkategorien in Menü-Dropdowns anzeigt, wenn diese existieren?

[profcaju]

Ausgewählte Kategorie bleibt nach dem Zurückkehren zur Startseite hervorgehoben

Hallo! Danke für dieses Komponente!

Ich habe festgestellt, dass eine Kategorie, die über die Kategorien-Navigation oder die Seitenleiste ausgewählt wurde, in der Navigation auch dann unterstrichen bleibt, wenn man auf das Foren-Logo klickt, um zur Startseite zurückzukehren.

Schritte zur Reproduktion:

1. Öffne eine Kategorie über die Navigation oder die Seitenleiste.
2. Stelle sicher, dass die Kategorie in der Navigation hervorgehoben ist.
3. Klicke auf das Foren-Logo, um zur Startseite zurückzukehren.
4. Die zuvor ausgewählte Kategorie bleibt weiterhin hervorgehoben.

Erwartetes Verhalten: Bei der Rückkehr zur Startseite sollte keine Kategorie mehr hervorgehoben sein.

Ein Blick in custom-categories-navbar.gjs zeigt, dass die wahrscheinliche Ursache in setActiveSlug() liegt: Es aktualisiert activeSlug, wenn die aktuelle Route eine Kategorie enthält, räumt sie aber nicht auf, wenn die Route keine Kategorie hat.

Würde es dieses Problem lösen, wenn man ein else zu der bestehenden Bedingung hinzufügen würde?

} else {
  this.activeSlug = "";
}

Dies sollte die aktive Kategorie aufräumen, wenn man zur Startseite navigiert, und dabei das bestehende Hervorhebungsverhalten innerhalb von Kategorien und Unterkategorien beibehalten.

Mit freundlichen Grüßen,
Prof. Caju