Umschalten der neuen Seitenleiste von links nach rechts (Englisches Forum)

Hallo Leute,

Ich habe die Foren durchsucht und vor ein paar Tagen im neuen Chat danach gefragt. Mir wurde geraten, im Forum zu posten. Hoffentlich kann jemand helfen.

Gibt es ein Plugin, um die neue Seitenleiste nach rechts zu verschieben?

oder gibt es eine eingebaute Möglichkeit, die Seite von links nach rechts zu wechseln?

5 „Gefällt mir“

Es gibt keine eingebaute Möglichkeit, dies zu tun, oder ein bestehendes Plugin, das mir bekannt ist. Daher ist zwar eine Anpassung, die dies tut, möglich, aber sie würde wahrscheinlich Neuland betreten und auf unvorhergesehene Probleme stoßen.

5 „Gefällt mir“

Für die Desktop-Ansicht:

    body #main-outlet-wrapper {
        grid-template-areas: "content sidebar";
        grid-template-columns: minmax(0, 1fr) 0;
    }
    
    body.sidebar-animate #main-outlet-wrapper {
        grid-template-areas: "content sidebar";
    }
    body.has-sidebar-page #main-outlet-wrapper {
        grid-template-areas: "content sidebar";
        grid-template-columns: minmax(0, 1fr) var(--d-sidebar-width);
        padding: 0 0 0 10px;
    }
8 „Gefällt mir“

Danke. Wo füge ich das ein, hier?

Um auf Nummer sicher zu gehen, legen Sie es bitte unter Desktop->CSS ab.

6 „Gefällt mir“

Danke! Es funktioniert teilweise. Das Sandwich-Menü befindet sich immer noch oben links und schiebt das Logo weg.

Ich möchte, dass das Sandwich-Menü in der Navigationsleiste an der ursprünglichen Position mit den Symbolen auf der rechten Seite bleibt.

Außerdem wird die Seitenbreite schmaler, wenn die Seitenleiste aktiviert wird. (Ich habe eine benutzerdefinierte Seitenbreite, die ignoriert wird, wenn die Seitenleiste aktiviert ist)

Großartige Arbeit @Lhc_fl :clap:

Dafür gibt es eine Website-Einstellung. Suchen Sie nach Navigationsmenü und stellen Sie es auf „Header-Dropdown“ :slight_smile:

4 „Gefällt mir“

Nein, Sie haben die gesamte Frage übersehen. Wenn Sie das Header-Dropdown aktivieren, wird die Seitenleiste entfernt. :slightly_smiling_face:

In dem Thread geht es darum, die Seitenleiste von links nach rechts zu “wechseln” und die Sandwich-Schaltfläche dort zu belassen, wo sie immer war. (Man könnte argumentieren, dass sie dort hingehört)

Ich habe bereits “Header Dropdown” aktiviert, bis es eine Möglichkeit gibt, sowohl die Seitenleiste als auch das Symbol auf der rechten Seite zu haben.

Das Logo auf der linken Seite führt zum “Forum Home” (toll). Aber jetzt wird die Logo-Position durch ein Seitenleisten-Umschalt-Symbol ersetzt, und Sie können die Seitenleiste versehentlich umschalten. Ich denke, alle Menü-Symbole sollten rechts bleiben.

Die Seitenleisten-Umschaltung muss nicht ständig umgeschaltet werden, daher ist es zu viel des “Hotspots”, sie links vom Logo zu platzieren.

Dasselbe gilt für die Seitenleiste, ich bevorzuge es, wenn der Seiteninhalt links und die Seitenleiste rechts ist.

Es ist nur eine persönliche Präferenz, da bin ich mir sicher. Ich frage nur nach, da andere Forenbesitzer mit allem auf der linken Seite einverstanden sein müssen.

4 „Gefällt mir“

Ah, ja, ich verstehe. Ich hatte vergessen, dass der rechte Hamburger kein echtes Seitenmenü auslöst. Gleicher Inhalt, aber eher ein Dropdown, kein Seitenmenü, was du möchtest.

Ich habe mir den Code von Discourse angesehen, der für mich leider immer noch wie die kryptischen Formeln eines Zauberers aussieht :mage: :scroll:
Es scheint, dass die beiden Komponenten sehr unterschiedlich gerendert werden.

Der Header-Inhalt, der das Widget zum Umschalten des Seitenmenüs enthält: discourse/app/assets/javascripts/discourse/app/widgets/header-contents.js at fde9e6bc25227b69195181d45ee4360c25c279da · discourse/discourse · GitHub

Das Seitenmenü-Widget: discourse/app/assets/javascripts/discourse/app/widgets/sidebar-toggle.js at 5b6604f5a7e1c8ff29fe556236dbf86872908b03 · discourse/discourse · GitHub

Der aktuelle Code für den rechten Hamburger: discourse/app/assets/javascripts/discourse/app/widgets/header.js at c43cb0c5716a3671a682c87295f5a7dad61eb65d · discourse/discourse · GitHub

Vielleicht hilft das jemandem, eine Theme-Komponente für diesen Zweck zu erstellen.

3 „Gefällt mir“

Danke! Es ist übrigens ein gegrilltes Käsesandwich, kein Hamburger. :nerd_face:

2 „Gefällt mir“

Ich bin neugierig, warum Sie das Menü auf die rechte Seite verschieben möchten? Ist dies ein Feedback, das Ihrer Meinung nach für alle Websites besser wäre, oder gibt es eine Besonderheit Ihrer eigenen Website, die den Standort auf der linken Seite ungeeignet macht? Haben Sie dort zum Beispiel ein anderes Menü? Andernfalls denke ich, dass die Position auf der linken Seite für ein Navigationsmenü, das ein- und ausgeblendet werden kann, zum Industriestandard wird.

Welcher Begriff macht Sie hungriger! :rofl: Obwohl ich denke, dass Hamburger bekannter ist. Persönlich nenne ich es gerne den Hamburglar! :man_detective:

2 „Gefällt mir“

Nun füge diese Zeile hinzu.

span.header-sidebar-toggle {
    order: 1;
}

2 „Gefällt mir“

FWIW hatten einige Benutzer nach der Einführung darum gebeten, dass es auf der rechten Seite ist. Waren sie vielleicht an den Standort des Hamburger-Menüs gewöhnt?

4 „Gefällt mir“

Vielen Dank für die harte Arbeit und die Updates. :coffee:

Ist das zufällig jetzt möglich?

1 „Gefällt mir“

Hallo @haydenjames :slight_smile:
Das hast du hier bereits als Feature-Anfrage gestellt.
Es ist nicht nötig, mehrmals zu verschiedenen Themen zu posten, daher habe ich deinen Beitrag von Discourse 3.0 is Here! verschoben : )
Außerdem hat @Lhc_fl gute Workarounds bereitgestellt. :+1:

Workaround war tatsächlich fast da. Ich brauchte nur, dass der Hamburger das zweite Symbol von rechts bleibt und nicht das erste nach rechts. Aber @Lhc_fl bestätigte, dass dies allein mit CSS nicht erreicht werden konnte.

Ich bevorzuge es, den Inhalt links und die Seitenleiste (weniger genutzt) rechts zu haben – ohne die ursprüngliche Position des Hamburger-Symbols zu verändern.

Bearbeiten: Ich denke, die Freiheit, Seiten wählen zu können und die Symbole auf der rechten Seite nicht in links und rechts aufzuteilen, wird mehr Forenbesitzer dazu ermutigen, die Seitenleiste zu aktivieren.

Derzeit teilt die Aktivierung der Seitenleiste die Menüsymbole ganz links und ganz rechts auf und verschiebt das Forum-Logo, sodass das Hamburger-Symbol jetzt direkt neben den Forum-Home-Klicks liegt.

Ich möchte dies beibehalten:
image

Während ich dies habe:

Wenn möglich in der Zukunft… Danke. :handshake:

4 „Gefällt mir“

Sie könnten diese Theme-Komponente möglicherweise ändern, um die Position des Hamburger-Menüs zu erreichen.

1 „Gefällt mir“

Ich bin mir nicht sicher, ob ich folgen kann. Entschuldigen Sie. Die Screenshots in diesem Plugin sehen genau so aus wie der neue Discourse-Ansatz, die Symbole ganz links und ganz rechts zu trennen.

Ich möchte jedoch nicht, dass das Hamburger-Symbol zum Umschalten des Menüs so nah am Logo ist, das zum Zurückkehren zum Forum-Home führt. Ich möchte die Seitenleiste umschalten und dann die Foren normal nutzen, ohne dass das Symbol zum Umschalten der Seitenleiste im Hotspot des linken Logos ist.

Derzeit bringt das Umschalten des Menüs AUS – wie von den Entwicklern implementiert – keinen Mehrwert oder Vorteil, da die Seitenbreite zu einer bereits zu schmalen Breite zurückkehrt. Das bedeutet, dass die meisten Benutzer die Seitenleiste nicht ständig ein- und ausschalten werden – zu Recht.

Selbst wenn sie es täten, ist das Hamburger-Symbol links vom Hotspot des Return-Home-Logos (meiner Meinung nach) kein guter Ort und widerspricht dem früheren Design von Discourse, bei dem sich alle Symbole auf der rechten Seite der oberen Menüleiste befinden. Das möchte ich beibehalten:
image
…während der Inhalt links und die Seitenleiste rechts bleibt. (gemäß dem obigen Screenshot)

Danke für Ihre Antwort! Ich werde mehr über dieses Plugin lesen, um besser zu verstehen, ob wir von denselben Änderungen sprechen.

1 „Gefällt mir“

Was ich meinte, war, dass es zusammen mit der Verschiebung des Panels nach rechts mit der Komponente @Lhc_fl. Wenn Sie den Code in der von mir verlinkten Komponente studieren, könnten Sie das Hamburger-Menü möglicherweise wieder zwischen Suche und Profil einfügen. Wenn ich Ihre Anfrage und das Problem mit dem aktuellen Workaround von Lhc_fl verstehe.

Da bereits Code zum Verschieben des Menüs verwendet wird, enthält dieser möglicherweise Details im Code als Beispiel, um den gewünschten Effekt zu erzielen.

Auf Mobilgeräten befindet sich Ihr Screenshot in der gewünschten Position für den Desktop-Modus.

Jemand mit Erfahrung könnte den auf Mobilgeräten verwendeten Code extrahieren und ihn auch auf dem Desktop anwenden. Entweder durch Studium des Inspect-Elements auf dem Desktop, während die Website in der mobilen Ansicht geladen wird, oder durch beides.

Für die Breite gibt es eine neue Komponente zur Änderung der Website-Breite, die möglicherweise von Interesse ist.

1 „Gefällt mir“

Ja, darauf hoffe ich. Sie haben Recht bezüglich der mobilen vs. Desktop-Menüsymbole.

1 „Gefällt mir“