CSSを適用するために category tr にクラスを追加する方法

トピックリストの <tr> にいくつか追加しています。影響を与えるべきカテゴリにのみ CSS を適用する必要があります。

影響を与えたいカテゴリの <tr> に「can-rate」クラスを追加することで、それを行う必要があると思います。

それを私の Glimmer コンポーネント(変更を適用すべきかどうかを知っているかもしれない?)で行うことができると思いますが、イニシャライザーで行っても構いません。

うまくいかなかったことをいくつか試しました。誰か助けてくれるか、例を教えてくれませんか? https://github.com/discourse/discourse-groups-css-classes-in-body/blob/main/common/header.html のようなものが正しい方向のようですが、イニシャライザーで変更したいカテゴリかどうかを知る方法がわかりません(だから、イニシャライザーは間違った場所だと思いますか?)。

おそらく Override class list

「いいね!」 1

data-category-id 属性をターゲットにする方が、<tr> にクラスを追加しようとするよりも簡単な場合があります。

data-category-id なしで tr にスタイルを追加する必要がある場合は、Category Icons テーマコンポーネントがカテゴリリンクのレンダリングをどのように変更するかを調べることで、うまくいくかもしれません(これはどこにでも影響します)。子要素にクラス/属性を追加し、CSS でスタイルを解決させるようなものです(例:tr:has(> .some-class))。

「いいね!」 3

なるほど!それが私が必要としていた魔法でした。そして、とてもシンプル。ほとんど理解できました。本当に感謝してもしきれません。

「いいね!」 4