CSS-Klassen für Gruppen des aktuellen Benutzers

|||
-|-|-|
:discourse2: | Zusammenfassung | CSS-Klassen für Gruppen des aktuellen Benutzers fügt die Gruppen, denen ein Mitglied angehört, als CSS-Klassen zum <body>-Tag hinzu.
| :eyeglasses: | Vorschau | Vorschau auf theme-creator.discourse.org |
:hammer_and_wrench: | Repository-Link | https://github.com/discourse/discourse-groups-css-classes-in-body
:open_book: |Neu bei Discourse Themes? | Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Vorher:

image

Nachher:

image

Discourse fügt standardmäßig nur die primäre Gruppe des aktuellen Benutzers als CSS-Klasse hinzu. Diese Komponente ändert dies, sodass alle Gruppen, denen der aktuelle Benutzer angehört, als Klassen hinzugefügt werden – einschließlich der integrierten wie Vertrauensstufe.

Die Komponente nimmt jeden Gruppennamen und fügt ihn als CSS-Klasse hinzu, wie folgt:

group-NAME

Sobald Sie diese Theme-Komponente installiert und aktiviert haben, können Sie Ihrem Theme CSS hinzufügen, das bestimmte Gruppen anspricht, wie folgt:

.group-NAME {
  .some-selector {
    color: red;
  }
}
27 „Gefällt mir“