カテゴリロゴが元のサイズより大きく表示される

バグ
1

2.9.0.beta11にアップグレードした後、カテゴリのロゴが元の画像サイズよりも大きく表示され、画像がぼやけ、説明テキストが縦列に表示されることに気づきました。

The-STEP-Forums-Before
The-STEP-Forums-Before487×705 76.1 KB

一時的な対策として、問題を解決するためにカスタムCSSクラスを追加しました。

.category-logo.aspect-image img {
    width: auto !important;
}

The-STEP-Forums-After
The-STEP-Forums-After478×241 22 KB

例として、https://forum.step.org/ にアクセスし、カテゴリ画像のいずれかを検査して、上記のカスタムクラスを無効にしてみてください。個々のカテゴリページ（例：https://forum.step.org/c/contentious-trusts/5）でも発生します。

アクティブになっているクラスは次のようです。

.category-logo.aspect-image img {
    width: calc(var(--max-height) * var(--aspect-ratio));
}
2

この領域を改善する必要があったことを思い出しますが、最新の tests-passed にアップグレードしたことを確認していただけますか？

3

こんにちは、@samさん

昨日（GMT）の午後に 2.9.0.beta11 (de2382a652) にアップグレードしました。

アップグレードページには次のように表示されています。
リポジトリ：
discourse de2382a6

バージョン：app.yml ファイルの params セクションで tests-passed がコメントアウトされています。

これは必要な情報でしょうか、それとも他に提供できる詳細がありますか？

ありがとうございます。
トム

「いいね！」 1
4

トムさん、こんにちは :slight_smile:

この問題はまだ解決していませんか？

5

こんにちは、@JammyDodgerさん :slight_smile:

はい、そうです。Discourseのバージョンは現在3.0.0.beta16です。

よろしくお願いします。
Tom

「いいね！」 1
6

うーん。:thinking: それは残念です。私は「魔法のように解決」することを期待していました。:slight_smile: category-logo クラスの変更後にこれらの問題が頻繁に発生しましたが、ほとんどすべてが元に戻ったと思います。また、このレポートもあります Category logo image overlaid by text after recent update これは、あなたのケースでこれが持続する原因となっている可能性のある共通点があるかどうかを確認する価値があるかもしれません (@Amicable)。

「いいね！」 1
7

アップグレードしたばかりなので、以前適用していたCSSの修正（Category logo image overlaid by text after recent update - #19 by Amicable

エラーは発生しなくなったため、以前（2022年10月）と現在との間で何らかの変更があったようです。しかし、具体的に何が変わったのかは分かりません:neutral_face:。私の環境はバニラ（カスタマイズなし）で、エラーはサーバー側のCSSキャッシュが原因だったように思われます。

「いいね！」 2