CSSでカスタムグループ全体のユーザー名の色を変更すると、時々機能したりしなかったりするのはなぜですか？

開発
1

CSSコードをどのように使用しても、ランダムにオン/オフが切り替わる原因が正確にはわかりませんが、アップデートや設定などによるものかどうかもわかりません。

最も長く使用しているのは次のとおりです。

.topic-post .Veeps a {
color: #66FF00;
}

「Veeps」はカスタムグループです。昨日かその前の日まで機能していましたが、今日、特定のユーザー名にリンクされた色以外はすべて、すべてのテーマでデフォルトに戻っていることに気づきました。新しいテーマを作成し、すべての変更を削除して、文字通り何も機能しないようにしました。プリメイドグループ（「admin」、「staff」、moderator）では完全に機能しますが、カスタムグループでは何もトリガーできません。プライマリグループに設定されていることを確認し、それらが所属する唯一のグループにしました。別のカスタムグループ（「Owner」）でも試しましたが、何も機能しませんでした。特定のユーザー名に適用すると正常に機能しますが、個人ごとに100個のエントリを作成するのは面倒であり、グループが変更された場合に更新されません。

span.username.staff a {
      color: #00A9DB;
}

機能しますが、カスタムグループでも機能しません。カスタムグループを機能させることが可能であったことは知っています。なぜなら、何年もの間、複数のグループで機能していたからです（機能しなくなった場合を除く）。使用すべきより良いCSS、または私が意図せずいじっている設定はありますか？

GitHub - discourse/discourse-groups-css-classes-in-body をインストールしたところ、次のようになりました。

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

期待どおりに機能しましたが、ここ数年間、これをインストールしたり使用したりしていなかったので、何が正確に機能しなくなったのか/何を修正すべきなのかを理解するのに役立ちませんが、ドリルで釘を打っているだけです。

「いいね！」 2
2

こんにちは。

昨日、変更がありました DEV: add title class name, prefix username class (#19482) · discourse/discourse@b1e0836 · GitHub 。そのため、CSSでグループ名に group-- プレフィックスを追加する必要があります。例：.group--Veeps。

「いいね！」 5
3

申し訳ありませんが、以前のグループクラス名の追加方法は少しエラーが発生しやすくなっていました。これは、CSSのクラス名と一致する可能性のあるグループ名があると、レイアウトの問題が発生することを意味していました。

たとえば、「hidden」という名前のグループは、「.hidden」クラスを追加し、ユーザー名を非表示にしていました。 group-- プレフィックスを追加することで、この問題は回避され、将来的に再度変更する必要はないはずです。したがって、.Veeps を .group--veeps に更新するだけで済みます。

「いいね！」 6
4

お知らせいただきありがとうございます。何かを修正しようとして別のものを壊してしまったことに少しだけ安心しました。いくつかの異なるケースを試しましたが、すべて正常に動作し、この情報で解決できました。

このようなカスタムプライマリグループを使用するには、引き続き GitHub - discourse/discourse-groups-css-classes-in-body を使用する必要がありますか、それとも不要ですか？おそらく、このプラグインの目的を最初から誤解しており、私がやっていたことには必要なかったのかもしれません。カスタムプライマリグループのコードがまだトリガーされるかどうかを確認するために、テストテーマから削除しただけですが、トリガーされるので、必要ないようです…しかし、無効にして予期しないことが起こる前に、確実にしておきたいです。

「いいね！」 2
5

プライマリグループはそれなしでも存在するため、CSSでターゲットにすることができます。テーマコンポーネントがインストールされていると、プライマリ以外のグループもターゲットにできます。:+1:

「いいね！」 2
6

コードのどれを使用すればよいかわかりませんでした。翻訳が文脈から外れている可能性があります。

そのため、これを使用する代わりに

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

これを使用します。

div.topic-post.group-- Veeps div.names span.username a {
  color: #8A2BE2;
}

コードに何を入れるべきかわかりません。それは単なる -- です。

@Kartoon @Don @awesomerobot

7

こんにちは。

このように動作するはずです :arrow_down_small:

.names span {
  &.group--GroupName a {
    color: red;
  }
}

しかし、今は簡単なテーマコンポーネントを作成しました。 :slightly_smiling_face:

ここで簡単に設定できます。

groupname;color

Screenshot 2023-01-14 at 21.07.53
Screenshot 2023-01-14 at 21.07.53767×399 31.1 KB

「いいね！」 7
8

私はおそらく尋ねるのに最適な人物ではありません。なぜなら、物事を機能させることはできますが、必ずしもその理由を説明できるわけではないからです。しかし、現在使用しており、問題なく動作しているのは次のとおりです。

.topic-post.group-Veeps div.names span.username a {
   color: #66FF00;
 }

明らかに、「Veeps」をあなたが持っているユーザーグループに置き換えてください。これは私のグループ名です。

.names span {
  &.group--Veeps a {
    color: red;
  }
}

上記で述べたように、これも機能します。単に私が持っていたものと置き換えました。どちらにしても、利便性のために彼が投稿したプラグインをインストールするつもりです。

「いいね！」 1
9

私も同じ問題を抱えています。何が間違っているのか分かりません。テーマやコードを使っても、メンバーの名前の色が変わらないのは驚くべきことです。CSSや変更なしの生のテーマで cogido と component theme を使用しても、タイトルの色には何も影響しません。

興味深いことに、誰かをグループのオーナーに設定すると、変更コードが機能し、オーナーとして設定されたメンバーの名前の色が変更されることに気づきました。しかし、オーナーではないメンバーは変更されません。

@Kartoon @Don @xebiyen