 |
Zusammenfassung | Macht [details] deutlicher als klickbar erkennbar |
 |
Vorschau | via Theme Creator |
 |
Repository | Ger / Component - Better Hide Details · GitLab |
 |
Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente |
 |
Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes |
Installieren Sie diese Theme-Komponente
Beschreibung
Diese Komponente macht deutlicher, dass die Überschrift von [details] wie ein Button funktioniert. Verschachtelte Details haben für jede Ebene eine intensivere Farbe und es ist klar, wo jedes Element endet.
Screenshots
Mit der Hide Details Button Style Theme-Komponente
Ohne die Hide Details Button Style Theme-Komponente
Dies ist dasselbe ohne die Komponente, die bei einer normalen Installation aktiv ist:
Quelle im Beispiel verwendet
[details=Titelzeile]
Inhalt
[details=Geschlossene verschachtelte Titelzeile]
Verschachtelter Inhalt
[/details]
[details=Verschachtelte Titelzeile]
Mehr verschachtelter Inhalt
[/details]
[/details]
[details=Zweite Details]
Mehr Inhalt
[/details]
Text
[details=Zusätzliche Details]
Noch mehr Inhalt
[/details]
(↑ Bezüglich der Discourse-Meta-Formatierung von „Hide Details“ bin ich mir nicht ganz sicher, was die Thematisierung auf dieser Installation beeinflusst oder ob dies eine zukünftige Funktion sein könnte.)
Funktionen
- Macht deutlich, wo ein
[details]beginnt/endet und dass es angeklickt werden kann - Das aktuell ausgewählte
[details]wird bei \u003ckbd\u003eTAB\u003c/kbd\u003e visuell hervorgehoben. - Mehrere Randfälle wie Verschachtelung und mehrere aufeinanderfolgende
[details]werden behandelt - Erscheint live in der Editor-Vorschau
- Grundlegende Anzeige in den „Neueste Antworten“ usw. Streams
- Verwendet die tertiäre Farbe des Farbschemas
- Separater Pfeil für mehrzeilige Zusammenfassungstitel
Anmerkungen
- Ich habe es mit allen Themes der Discourse-Instanz getestet, an der ich teilnehme, und es hat dort funktioniert
- Es verwendet teilweise neuere CSS-Funktionen, daher funktionieren Farben in alten Browsern möglicherweise nicht korrekt
- Wenn Discourse in Zukunft die Struktur oder das Styling von
[details]ändert, wird diese Theme-Komponente wahrscheinlich fehlschlagen.
\u003cdiv data-theme-toc="true"\u003e \u003c/div\u003e
Es wäre besser, wenn es eine Einstellung für die Hintergrundfarbe gäbe.