CSS Classes para Grupos del usuario actual

|||
-|-|-|
:discourse2: | Resumen | CSS Classes for Current User’s Groups añade los grupos a los que pertenece un miembro como clases CSS en la etiqueta <body>.
| :eyeglasses: | Vista previa | Vista previa en theme-creator.discourse.org |
:hammer_and_wrench: | Enlace al repositorio | https://github.com/discourse/discourse-groups-css-classes-in-body
:open_book: | ¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente temático

Antes:

image

Después:

image

Por defecto, Discourse solo añade el grupo principal del usuario actual como una clase CSS. Este componente cambia eso para que todos los grupos de los que el usuario actual es miembro se añadan como clases, incluyendo los integrados como trust-level.

El componente toma el nombre de cada grupo y lo añade como una clase CSS de la siguiente manera:

group-NAME

Una vez que instales y actives este componente temático, puedes añadir CSS a tu tema que apunte a grupos específicos de la siguiente manera:

.group-NAME {
  .some-selector {
    color: red;
  }
}
27 Me gusta