最近のアップデート後、カテゴリロゴ画像にテキストが重ねて表示される

バグ
1

最近のアップデート（ここ数週間以内）の後、すべてのカテゴリ画像にテキストが重ねて表示されるようになりました。サイトは 2.9.0 beta 10 を実行しており、バニラテーマを使用しており、プラグインはありません。

これはデバイス間で発生します。例を以下に示します。

Screenshot_20221022-102328
Screenshot_20221022-1023281080×1124 201 KB

場合によっては、オーバーラップにスレッドのタイトルが 1 つまたは 2 つ含まれることもあります。サイトは購読メンバーのみに表示されるため、ここにリンクすることはできません。

2

最近、この件についていくつか報告があり、新しいダーク/ライトカテゴリロゴ機能に関連していると思います。このトピックには、いくつかの修正案が提示されています。

「いいね！」 1
3

こんにちは。

最近、このセクションにいくつかの更新がありました。FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub と FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

サイトを更新してみてください。これで問題が解決するはずです。 :slightly_smiling_face:

「いいね！」 1
4

最新の 2.9.0 beta 10 にアップデートしました。これで修正されるはずですか？ UIからアップデートしました。

5

これでランドスケープカテゴリの画像は修正されましたが、ポートレートの画像は修正されていません。ポートレートのサイズは638 x 1024ですが、この時代にはそれほど大きくないようです :slightly_frowning_face:

「いいね！」 1
6

申し訳ありません、誤解していたかもしれません

これらのアップデートは1〜2日前に来ました。したがって、数週間前に更新した場合、あなたのDiscourseのバージョンにはおそらく含まれていません。

確認のためにサイトのURLを共有していただけますか？公開されているものであれば :slightly_smiling_face:

7

問題は最近発生しましたが、サイトは最新の状態です。公開されていません。

「いいね！」 1
8

ダッシュボードからバージョン番号を直接コピー＆ペーストして共有することもできます。:+1:

Untitled
Untitled456×283 4.48 KB

「いいね！」 2
9
「いいね！」 2
10

修正は含まれているようですね。幅は考慮されているものの、高さは考慮されていない可能性があります。:thinking: チームのほとんどは週末ですが、@Don が入力しているのが見えるので、それまでに応急処置的なコミュニティ修正を魔法のように作り出してくれることを願っています。:crossed_fingers: :slight_smile:

「いいね！」 1
11

セーフモードで試していただけますか？残念ながら、私のテストサイトでは再現できません。実際に確認できない状況で、私がお伝えできる最善のアドバイスは、コンポーネントのカスタムコードが原因である可能性が高いということです。

「いいね！」 1
12

セーフモードでも変更はありません。サイトは、いくつかのソーシャルログインプラグインを除いて、バニラです。

15

@Amicable こちらでも再現できません。画像をローカルカテゴリにアップロードするためにスクリーンショットを撮りましたが、レイアウトは問題ありません。

image
image830×1492 203 KB

元の画像の寸法は何ですか？

投稿された画像は638x1024で、私が使用した画像は770x1144でした。非常に似ています。

別の再構築を試してみてはどうでしょうか？それでもうまくいかない場合は、使用しているプラグインの全リストを共有していただけますか？プラグインのいずれかがカテゴリテンプレートをオーバーライドしており、それがコアの更新されたスタイルと競合している可能性があります。

18

Webインターフェース経由でのアップグレードに関連しているのかもしれません。以前、CSSの問題でこのようなことがありました。古いスタイルシートが再び残っているのでしょうか？

実行しているプラグインはDockerマネージャーのみです。

私はまた出張中で、今週後半に戻るまでサーバーでアップグレードを実行できません。今日のWeb UIのアップグレードでは問題は解消されません。

ランドスケープカテゴリ画像のCSS修正が適用され、機能していることを改めて述べる価値があるかもしれません。

「いいね！」 1
19

CSSコンポーネントの修正に1行追加し、ポートレートカテゴリの画像に対応しました。そのため、カテゴリ画像CSSコンポーネントは以下のようになります。

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
    max-height: 300px;
  }
}

これは一時的な問題解決ですが、Web UIを使用してアップグレードする際にスタイルシートが永続するという、より広範な問題が残っています。

@pmusaraj この奇妙な動作を確認するために、どのCSS部分を検査すればよいか教えていただければ、報告します。以前にもお渡ししたことのあるログイン情報を提供することもできます。

20

これで問題を解決するための簡単なアップデートです。最近CSSコンポーネントの修正を削除したところ、問題はなくなりました。どのプッシュで解決されたかは正確にはわかりませんが、Discourseチームによる10月から現在までの間のアップグレードによるものと思われます。

「いいね！」 1
21

アップデートありがとうございます。:+1:根本原因を突き止めることはできませんでしたが、解決してよかったです。:slight_smile:

22

このトピックは2日後に自動的に閉じられました。返信はもう受け付けられません。