Schwebende Navigationssteuerungen und Desktop-Navigationsleiste für Mobilgeräte

|||
|-|-|-|
| :information_source: | Zusammenfassung | Schwebende Navigationssteuerelemente und Desktop-Navigationsleiste für Mobilgeräte
| : eyeglasses:|Vorschau| Schwebende Navigationssteuerelemente und Desktop-Navigationsleiste für Mobilgeräte |
| : hammer_and_wrench:|Repository| GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar |
| : question:|Installationsanleitung|So installieren Sie ein Theme oder eine Theme-Komponente|
| : open_book:|Neu bei Discourse Themes?| Anfängerleitfaden zur Verwendung von Discourse Themes

Hallo :wave: Dies ist eine einfache Theme-Komponente, um die Navigationssteuerelemente (Thema erstellen, Benachrichtigungen und andere Schaltflächen) auf Mobilgeräten schwebend zu machen. Sie können die Navigationsleiste auch auf die Desktop-Version umstellen. Diese Komponente enthielt ursprünglich nicht dies, aber ich denke, es wäre eine gute Option wegen des leeren Platzes.

Inspiriert vom Focused Sidebar Theme :heart:

Desktop-Navigationsleiste aktivieren.

19 „Gefällt mir“

Es wäre schön, wenn die schwebenden Navigationssteuerelemente in so etwas geändert werden könnten.

3 „Gefällt mir“

Hallo @Decorbuz,

Ja, ich denke, es ist eine großartige Idee, benutzerdefinierte Navigationssteuerelement-Schaltflächenstile hinzuzufügen. :slightly_smiling_face:

Ich habe es zusammengeführt :tada:

Ich habe eine Einstellung namens custom nav control buttons enabled hinzugefügt, mit der Sie die Stile dieser Schaltflächen ändern können.

Screenshot 2022-08-21 at 13.03.26

Wenn Sie dies aktivieren, werden die anderen Optionen darunter aktiviert.

Sie können die Hintergrundfarbe der Schaltflächen, die Symbolfarbe und die Abrundung (border-radius) ändern.

Es stehen zwei Abschnitte zur Verfügung:
Die Standardeinstellung sind kreisförmige Schaltflächen, aber Sie können die Abrundung ändern…

  1. Navigationssteuerelement-Schaltflächen außer der Schaltfläche “Thema erstellen”.

  2. Schaltfläche “Thema erstellen”



Bearbeiten: Ich habe auch die Schaltfläche “Entwurf öffnen” hinzugefügt. Da die Beschriftung in der benutzerdefinierten Version ausgeblendet ist, scheint es eine gute Idee zu sein, die Schaltflächenfarbe zu ändern, wenn ein Entwurf verfügbar ist.

8 „Gefällt mir“

Ich habe weitere Änderungen vorgenommen, um es anpassbarer zu machen. :slightly_smiling_face:

  1. Vertikale Ausrichtung der Navigationssteuerelemente. Jetzt können Sie die Schaltflächen vertikal ausrichten, indem Sie die folgende Einstellung aktivieren.
    Screenshot 2022-08-22 at 1.33.32


  2. Jetzt können Sie die Schaltflächen mit den folgenden Einstellungen auch rechts und unten positionieren.

  3. Ich habe auch einige Einstellungen zur Anpassung der Navigationsleiste hinzugefügt. Jetzt können Sie fast alles auf der Desktop-Version der Navigationsleiste mit den folgenden Einstellungen anpassen.


6 „Gefällt mir“

@Don Sehr schönes Theme-Komponente.

Ein Problem: Die schwebenden Schaltflächen unten kollidieren mit der aktualisierten Themenleiste (wenn sie unten fixiert ist) in dieser Komponente:
Sticky New Topic Banner - theme-component - Discourse Meta

1 „Gefällt mir“

Gibt es eine Möglichkeit, dies zu deaktivieren?

Außerdem wäre es schön, wenn Sie die Option hätten, nur die Schaltfläche „Neues Thema“ zu aktivieren. Vielleicht eine Option, um die Funktion der Schaltfläche „Neues Thema“ so zu ändern, dass sie stattdessen so funktioniert? :thinking:

2 „Gefällt mir“

Ja, das ist nur eine Farbänderung. Wenn Sie also die Farben der Entwurfsschaltfläche auf die gleiche Weise wie die Schaltfläche zum Erstellen eines Themas ändern, wird sie deaktiviert.

Okay, das ist gut zu wissen! Danke! :+1:

Hallo, danke für diese Komponente.

FKB Pro - Social theme - theme - Discourse Meta

Wie kann ich diese Komponente mit Ihrem obigen Thema verwenden? Profil- und neue Themen-Schaltfläche bewegen sich zusammen

3 „Gefällt mir“

@Don, wie kann ich Navigationssteuerelement-Schaltflächen hinzufügen? Derzeit habe ich nur die Schaltfläche „Neues Thema“ und die Massenauswahlschaltfläche des Administrators. Ich möchte eine Schaltfläche hinzufügen, die eine Liste von auswählbaren Optionen öffnet, ähnlich der, die Sie auf Ihrer Instanz verwenden, aber zum Beispiel nur mit zwei Optionen.

2 „Gefällt mir“

Hallo, ja, das wurde von Convert the New Topic button to a have a sub menu - #7 by awesomerobot gemacht. Wenn ich richtig verstehe, was Sie meinen :slightly_smiling_face:

3 „Gefällt mir“

Hallo, oh ja, Entschuldigung für die späte Antwort. Das ist nicht sehr kompatibel mit diesem Thema. Da das Thema benutzerdefinierte Abschnitte zu Navigationssteuerelementen hinzufügt. Ich muss einen anderen Weg finden, dies zu tun. :slightly_smiling_face:

3 „Gefällt mir“

Ist es möglich, neben der Schaltfläche „Thema erstellen“ eine Zurück-Schaltfläche zu erstellen? Viele Leute empfinden eine Schaltfläche unten zum Zurückgehen als angenehmer.

Diese Komponente scheint defekt zu sein.

Fehler navigation-bar wurde mit gjs erstellt und seine Vorlage kann nicht überschrieben werden. Überschreiben wird ignoriert.

Siehe https://meta.discourse.org/t/not-recomended-overriding-discourse-templates-from-a-theme-or-plugin/247487

2 „Gefällt mir“

Hallo @Don, gibt es eine Möglichkeit, diese Themenkomponente zu aktualisieren? Es gibt keine Themenkomponente, die genau das leistet, und ich würde die Desktop-Navigationsleiste wirklich gerne auf Mobilgeräten verwenden. Vielen Dank

@Don Hallo, besteht die Möglichkeit für ein Update dazu?

Leider nein, ich glaube nicht. :confused: