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
Does adding groups to CSS theme component still work?
User profile page / CSS class for groups / how to add it to page?
Change Default Username Color
Discourse groups css classes in body
Staff color by default for group members
CSS classes for current groups who can view topic?
Customized CSS based on user role/groups
Welcome Link Banner
Show component only to a specific group via script?
How do I enable Discourse signatures only for admin/staff group?
Versatile Banner
Display different content within a topic based on user's groups membership?
Hide Staff Notices from non-Staff
Disable likes/reaction individual user
MD Composer extras
Silence status to block ability to use reactions as well
Hide some preference sub-tabs under the user profile?
Theme - identify the trust level?
Flagged posts appear to everyone, instead of being hidden for users who aren't logged
Add a link to user profile in the navigation
Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji
Can I make a theme available to specific user groups only?
Customizing your site with existing theme components
CSS username colors only working for admin/moderators?
How restrict access to button pin/unpin
Copy & Paste Code Button as a Selectable feature per group
Hide parts of a post
Finding all groups of the poster in a topic
Hiding GUI elements for new users (less overwhelming)
Group inboxes and archives are visible even when empty
Limit certain reactions to specific trust levels
CSS username colors only working for admin/moderators?
Copy & Paste Code Button as a Selectable feature per group
Add per-user CSS in a plugin?
User Group class not always being applied to post content's wrapper div
Looking to hide Likes & Decorate Op
Add a specific class to enable targeting Category Moderators
How to create a theme which only administrators can use?
User custom field toggle for sidebar (SFW Mode)
Hide the "Interface" section
Limit Translator use to certain groups only
Adding category description OR text at end of thread