 |
Zusammenfassung | Macht das Umschaltsymbol der Seitenleiste dynamisch und anpassbar |
 |
Repository | https://github.com/Lillinator/discourse-dynamic-sidebar-icon |
 |
Vorschau | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon |
 |
Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente |
Dieses Theme-Modul installieren
Übersicht
Eine leichte Discourse-Theme-Komponente, die das Umschaltsymbol der Kopfzeile dynamisch ändert, je nachdem, ob die Seitenleiste geöffnet oder geschlossen ist.
Standardmäßig zeigt die Komponente das übliche Hamburger-Menü-Symbol (bars), wenn die Seitenleiste geschlossen ist, und wechselt zu einem Schließen-X-Symbol (xmark), wenn die Seitenleiste geöffnet ist.
Administratoren können bei Bedarf benutzerdefinierte Icons angeben und auch entscheiden, ob dies für die mobile Ansicht aktiviert werden soll (während der dynamische Aspekt der Komponente nur für nicht-mobile Viewport-Größen gilt, möchten Administratoren, die das Öffnen-Symbol ändern, möglicherweise Konsistenz mit der mobilen Benutzererfahrung erreichen).
Funktionen
- Gibt Benutzern klare visuelle Rückmeldung darüber, wie sie mit der Seitenleiste interagieren können.
- Administratoren können die Standard-Icons einfach durch beliebige FontAwesome-Icons über die Theme-Einstellungen ersetzen.
- Ermöglicht das Aktivieren eines ersetzten Seitenleisten-Icons für eine konsistente mobile Benutzererfahrung.
Video-Screenshots
Standardkomponente:
Mit dog- und cat-Icons:
Einstellungen
Passen Sie die zum Öffnen und Schließen der Seitenleiste verwendeten Icons an, indem Sie die Einstellungen der Komponente bearbeiten:
| Einstellung | Beschreibung |
|---|---|
Icon_to_open_the_sidebar |
Das Symbol, das angezeigt wird, wenn die Seitenleiste eingeklappt ist (Standard: bars) |
Icon_to_close_the_sidebar |
Das Symbol, das angezeigt wird, wenn die Seitenleiste ausgeklappt ist (Standard: xmark) |
Apply_open_icon_on_mobile |
Das benutzerdefinierte Öffnen-Symbol auf mobilen Viewports anwenden (Standard: false) |
Hinweise
- Wenn benutzerdefinierte Icons verwendet werden, die noch nicht in Discourse enthalten sind, werden sie leer angezeigt. Um dies zu beheben, müssen Sie die benutzerdefinierten Icons (z. B.
rocket,cat) zur Site-EinstellungSVG icon subsetin Ihren Discourse-Administrator-Einstellungen hinzufügen (sieheAlle Site-Einstellungen→SVG icon subset). - Diese Komponente funktioniert nicht im Dropdown-Modus der Kopfzeile.
Schauen Sie sich meine anderen Discourse-Beiträge an
