Dynamisches Seitenleisten-Symbol

[Lilly (Lillian)]

	Zusammenfassung	Macht das Umschalt-Symbol der Seitenleiste dynamisch und anpassbar
	Repository	https://github.com/Lillinator/dynamic-sidebar-icon
	Vorschau	https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon
	Installationsanleitung	So installieren Sie ein Theme oder Theme-Komponente

Dieses Theme-Komponente installieren

Übersicht

Eine leichte Discourse-Theme-Komponente, die das Umschalt-Symbol der Seitenleiste im Header dynamisch ändert, je nachdem, ob die Seitenleiste geöffnet oder geschlossen ist.

Standardmäßig zeigt die Komponente das Standard-Hamburger-Menü-Symbol (bars) an, wenn die Seitenleiste geschlossen ist, und wechselt zu einem X-Symbol (xmark), wenn die Seitenleiste geöffnet ist.

Administratoren können bei Bedarf benutzerdefinierte Symbole angeben und auch entscheiden, ob diese für die mobile Ansicht aktiviert werden sollen (während der dynamische Aspekt der Komponente nur für nicht-mobile Viewport-Größen gilt, möchten Administratoren, die das offene Symbol ändern, möglicherweise Konsistenz mit ihrer mobilen UX gewährleisten).

---

Funktionen

• Gibt den Nutzern klares visuelles Feedback, wie sie mit der Seitenleiste interagieren können.
• Administratoren können die Standardsymbole über die Theme-Einstellungen leicht durch beliebige FontAwesome-Symbole ersetzen.
• Ermöglicht das Aktivieren eines ersetzten Seitenleisten-Symbols für die mobile Viewport-UX-Konsistenz.

---

Video-Screenshots

Standardwerte der Komponente:

Verwendung der Symbole dog und cat:

---

Einstellungen

Passen Sie die Symbole für das Öffnen und Schließen der Seitenleiste an, indem Sie die Einstellungen der Komponente bearbeiten:

Einstellung	Beschreibung
Icon_to_open_the_sidebar	das Symbol, das angezeigt wird, wenn die Seitenleiste zusammengeklappt ist (Standard: bars)
Icon_to_close_the_sidebar	das Symbol, das angezeigt wird, wenn die Seitenleiste erweitert ist (Standard: xmark)
Apply_open_icon_on_mobile	wendet das benutzerdefinierte „Öffnen“-Symbol auf mobile Viewports an (Standard: false)

---

Hinweise

• Wenn benutzerdefinierte Symbole verwendet werden, die nicht bereits im Kern von Discourse enthalten sind, erscheinen sie leer; um dies zu beheben, müssen Sie die benutzerdefinierten Symbole (z. B. rocket, cat) zur Site-Einstellung SVG icon subset in Ihren Discourse-Admin-Einstellungen hinzufügen (siehe All Site Settings → SVG icon subset).
• Diese Komponente funktioniert nicht mit dem Header-Dropdown-Modus.

---

Schauen Sie sich meine anderen Discourse-Angebote an

[Lilly (Lillian)]

Ich habe die Komponente refaktoriert und eine neue boolesche Einstellung Open-Icon auf Mobilgeräten anzeigen hinzugefügt (standardmäßig deaktiviert). Damit können Administratoren, die das Standard-Icon bars geändert haben, entscheiden, ob sie es für die mobile Ansicht aktivieren möchten, um eine konsistente Benutzererfahrung zu gewährleisten. Die mobile Overlay-Seitenleiste verhält sich anders, sodass sich das Icon nicht ändert, wenn die Seitenleiste in einer kleinen Ansicht aktiviert wird. Ich habe den ursprünglichen Beitrag ebenfalls aktualisiert.