現在のユーザーグループのCSSクラス

|||
-|-|-|
:discourse2: | 概要 | CSS Classes for Current User’s Groups は、メンバーが所属するグループを <body> タグのCSSクラスとして追加します。
| :eyeglasses: | プレビュー | Preview on theme-creator.discourse.org |
:hammer_and_wrench: | リポジトリリンク | \u003chttps://github.com/discourse/discourse-groups-css-classes-in-body\u003e
:open_book: |Discourseテーマ初心者ですか? | Beginner’s guide to using Discourse Themes\n\n このテーマコンポーネントをインストール

Before:

image

After:

image

Discourseはデフォルトで現在のユーザーのプライマリグループのみをCSSクラスとして追加します。このコンポーネントは、trust-levelのような組み込みグループを含む、現在のユーザーがメンバーであるすべてのグループをクラスとして追加するように変更します。

コンポーネントは各グループ名を取得し、次のようにCSSクラスとして追加します。

group-NAME

このテーマコンポーネントをインストールして有効にすると、次のように特定のグループを対象とするCSSをテーマに追加できます。

.group-NAME {
  .some-selector {
    color: red;
  }
}
「いいね!」 27