Entschuldigung, ich habe Ihren Kommentar nicht vollständig gelesen. Ich dachte an das Problem mit dem seitlichen Scrollen, das ich ebenfalls habe.
Ich habe nichts Besonderes damit gemacht. Was ist dein Problem?
Wenn ich auf einen Eintrag im Menü klicke, bleibt das Menü geöffnet und die Seite wird neu geladen. Das Menü verschwindet erst, nachdem du den Fokus daraus entfernst. Dieses Verhalten ist auf Mobilgeräten besonders auffällig, da der Bildschirm klein ist und man den Seiteninhalt nicht sehen kann, weil sich das Menü nicht automatisch schließt.
Verwendest du die neueste Version von Submenüs?
Die ältere Version der Untermenüs scheint dieses Problem nicht zu haben, ist aber nicht so elegant wie die neue. Wenn du den Fehler beheben möchtest, dass sich das Menü nach dem Anklicken eines Untermenüs nicht automatisch schließt, verwende diesen alten Fork auf GitHub.
Diese Komponente ist fantastisch, und mit ein wenig CSS-Anpassung bin ich wirklich zufrieden mit dem Ergebnis. Vielen Dank, dass du sie erstellt hast!
Das eine große Problem, das ich habe, ist, wie schwierig es ist, nach der Einrichtung neue Elemente in die Menüs einzufügen.
Ich habe gesehen, dass es einen Pull Request gab, um alle einzelnen Textfelder durch ein einziges großes zu ersetzen, was meiner Meinung nach viel sinnvoller wäre.
Eine weitere Alternative wäre, das Importieren/Exportieren deiner Konfiguration zu ermöglichen. (Vielleicht müsste dafür auf der Discourse-Seite gearbeitet werden und nicht am Theme-Component? Ich bin mir nicht sicher.) Wenn wir das könnten, könnten wir die Änderungen in einem Texteditor vornehmen und hochladen, was völlig in Ordnung wäre. Das würde auch ein einfaches Sichern ermöglichen.
(Ich dachte, der Export-Button am unteren Rand der Konfigurations-Oberfläche der Komponente könnte das tun, aber er scheint nur den Quellcode der Komponente und die Standardkonfiguration zu speichern, nicht meine eigenen Einstellungen.)
Abgesehen davon ist sie großartig und hat es uns ermöglicht, viele häufig benötigte Links oben in unserem Forum hinzuzufügen, um sowohl unseren Nutzern als auch uns selbst zu helfen, Dinge schnell zu finden.
Dieser Fork eines Community-Entwicklers bietet ein großes Textfeld, um Menü- und Untermenüpunkte hinzuzufügen. Es ist zwar eine ältere Version, aber sie lieferte uns genau das, was wir benötigten.
@Canapins Fork ist das Ergebnis von [PAID] Header Submenus UI modification. Wir finden auch, dass es das tut, was wir brauchen.
Versuchen Sie jedoch auf keinen Fall, den Untermenü-Text direkt im Feld zu bearbeiten. Wir verwalten das Menü in einer CSV-Datei und verwenden dabei dieses Verfahren, das in einem How-to-Beitrag für das Team veröffentlicht ist:
- Öffnen Sie die CSV-Datei in einer Tabellenkalkulations-App.
- Bearbeiten Sie die Daten. Im Allgemeinen können Sie einfach dem Muster folgen.
- Speichern Sie die CSV-Datei.
- Öffnen Sie die CSV-Datei in einem Texteditor.
- Kopieren Sie den Inhalt aus dem Texteditor und fügen Sie ihn in das Feld für Untermenüelemente ein.
- Laden Sie die CSV-Datei mit Ihren Änderungen in dieses Thema hoch, damit sie synchron bleibt.
Es ist auch erwähnenswert, dass Sie im CSV einige HTML-Tags und Leerzeichen verwenden können, um eine bessere Strukturierung und Unter-Untermenüs zu ermöglichen. Das hilft, viele Elemente auf einem Smartphone unterzubringen:
Dies (Dropdown-Menüs) kann mit einfachem HTML / CSS umgesetzt werden und hat nichts mit Discourse zu tun. Sie können F12 drücken und mit den Browser-Tools selbst prüfen, wie es umgesetzt wurde.
Nachdem ich ein paar Beiträge gelesen habe, dachte ich, dass man Links speziell zur .d-header nur über eine Komponente hinzufügen könnte, die ähnlich funktioniert wie diese, wobei diese Komponente jedoch einen zusätzlichen Header oben erstellt.
Nachdem ich hier gepostet habe, kam mir die Idee, dass eine ähnliche Komponente wie Custom Header Links die Arbeit erledigen könnte, wenn sie wie in meinem Beitrag vorgeschlagen angepasst wird.
Nach dem Upgrade auf die neueste Version funktioniert das Untermenü “Fixed mode” (“Erzwinge, dass das Menü unabhängig vom Scrollen oben sichtbar bleibt – nur für Desktop”) nicht ordnungsgemäß. Auf der Hauptseite fügt es viel weißen Raum hinzu, und auf anderen Seiten überlagert das Header-Untermenü das Haupt-Discourse-Menü. Ich bin mir sicher, dass dies im Zusammenhang steht mit:
aber ich sehe nicht, dass das CSS für diese Theme-Komponente eine absolute Positionierung für d.header festlegt. Haben Sie Ideen?
Welchen Browser verwendest du? Kannst du einen Screenshot des Problems teilen?
Das ist es, was ich in der neuesten Discourse-Version mit aktiviertem „Fixed mode“ sehe, wenn ich in der Themenliste nach unten gescrollt habe:
Bei Chrome und Firefox auf dem Desktop ist es dasselbe. Auf dem Mobilgerät ist alles in Ordnung.
Hauptseite ohne „Fixed Mode
Hast du noch weitere benutzerdefinierte CSS-Regeln? Möglicherweise gibt es bei .docked .d-header oder #main-outlet eine Padding- oder Margin-Einstellung, die mit den Discourse-Updates kollidiert…
Ist es möglich, Menüpunkte mit URL ohne Dropdown zu verwenden?
Ich würde Custom Header Links (icons) empfehlen, wenn du keine Dropdowns brauchst – weniger Drama und es fühlt sich besser integriert an. Ich kenne die Antwort auf deine eigentliche Frage nicht, aber ich vermute „nein“.
Ich verwende derzeit dieses Plugin, aber da im Kopfbereich nicht genügend Platz ist, plane ich, die Dropdown-Menüs oben zu platzieren. Allerdings muss ich URL-Links in das Menü der obersten Ebene einfügen.
Außerdem konnte ich kein Dropdown-Menü mit „Benutzerdefinierte Kopfzeilen-Links
Ich habe eine Funktionsanfrage: Da das Scrollproblem nicht behoben werden kann, wie wäre es mit einer Option, den Text auf mobilen Geräten auszublenden, sodass nur die Symbole angezeigt werden? Es scheint keine Möglichkeit zu geben, nur den Text mit CSS zu adressieren, sonst würde ich ihn einfach so ausblenden. Danke!
Hallo
Wenn ich die Komponente „Header-Untermenüs
Haben Sie versucht, Ihr Discourse zu aktualisieren? Die aktuelle Version ist 2.7.0.beta3.


