アップデート後、カテゴリボックスの境界線の色が壊れています

こんにちは。他にこの問題を報告している人は見つかりませんでしたが、複数のテーマで確認したところ、3.1.0.beta4にアップデートした後、カテゴリボックスの境界線の色(inline CSS)が壊れているようです。

理由は以下の通りです。
Screenshot 2023-06-07 at 13.03.12

なぜ color と var の両方が注入されているのか不明です。

何か助けやアイデアがあれば幸いです。

@MarcPColorful Categories - #7 by MarcP のテーマコンポーネントトピックで同様のことを言及していたと思います。このコンポーネントも使用していますか?

「いいね!」 2

ありがとうございます。Materialテーマも試しましたが、念のため他のテーマもいくつか試しました。残念ながら、動作は同じでした。アップデート直後に発生しました。今のところ、他のことはすべて問題ないようです。

良い点ですね。考えてみると、コアでは境界線に境界線の色が必要です。コンポーネントが無効になっていても境界線がすべて灰色であるため、コンポーネントとは関係ありません。

「いいね!」 1

おっと。質問を読み間違えました @JammyDodger でも、このコンポーネントはインストールしていません。

「いいね!」 2

これに対する気の利いた解決策があるか疑問に思っていますか?私が考えつく唯一の方法は、JSの文字をいくつか削除することですか?

これはDiscourseの回帰であり、テーマやプラグインとは関係ありません。まもなく修正されます!

「いいね!」 3

ありがとうございます!参考までに、CSSでカテゴリの色に簡単にアクセスすることはできないと思いますが、正しいでしょうか?
もしかしたら、JavaScript経由なら可能でしょうか?

CSSでカテゴリの色にアクセスしやすくするために、カスタムプロパティ(css変数)を追加する変更を最近行いました。

ブラウザのインスペクターでこれらを確認できます。

カテゴリのIDがわかれば、CSSでその色にアクセスできます。ID(番号)を見つける最も簡単な方法は、カテゴリのURLを見ることです。たとえば、Support の場合:https://meta.discourse.org/c/support/6 — サポートカテゴリの色を使用するには、次のようなことができます。

.your-class-name {
  background: var(--category-6-color);
}

この修正はマージされました(https://github.com/discourse/discourse/commit/e43ac00bf40d1da662ffbe61cd96b50b1696d21e)。したがって、Discourseを更新すると、色が元に戻るはずです。

「いいね!」 2

これは素晴らしいです!ありがとうございます。 :slight_smile:

「いいね!」 1

素晴らしいですね。この問題については、カテゴリのIDを確認してから、JSで正しいCSS変数に適用するのが唯一の解決策だと思います。
他に回避策があれば教えてください。喜んでコードを書いて共有します。

この修正はマージされました(https://github.com/discourse/discourse/commit/e43ac00bf40d1da662ffbe61cd96b50b1696d21e)。Discourseをアップデートすると、色が元に戻るはずです。

「いいね!」 1

素早い対応ありがとうございます!\n\nその間に、回避策を完成させました😅\n念のため、コードを以下に残しておきます。\n\n\n\nvar categoryBoxes = document.getElementsByClassName('category-box');\n\nfor (var i = 0; i < categoryBoxes.length; i++) {\n var categoryBox = categoryBoxes[i];\nvar dataCategoryId = categoryBox.getAttribute('data-category-id');\ncategoryBox.style.border = '2px solid var(--category-' + dataCategoryId + '-color)';\n}\n

「いいね!」 1

念のため確認ですが、->
フロントエンドUIからアップデートすることは可能でしょうか?アップデートはtest-passedにあると思うのですが。
それとも3.1.0.beta5を待つ必要がありますか?

ほとんどのサイトはデフォルトでテストに合格しています。いつでも /admin/upgrade から更新できるはずです。

「いいね!」 2

これを信じられない!笑

いつもありがとう!

私のインスタンスでは、これはまだモバイルバージョンで問題になっています。デスクトップは問題ありません :thinking:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.