サブカテゴリはリフレッシュ後にのみ表示され、その他いくつかの問題があります

新しいバージョンありがとうございます。Category Icons との連携が強化されました。ただし、いくつか問題があります。

  1. カテゴリーアイコンのTCでアイコンの色を設定し、カテゴリーバナーのバナーの色を同じ色に設定すると、バナータイトルのアイコンが「見えなく」なります。
  2. アイコンの新しいflex CSSスタイルにより、狭いビューポート(モバイルビュー)でアイコン付きの長いカテゴリー名が壊れます。
  3. サブカテゴリーを持つカテゴリーは、ランディング時にバナーを表示せず、リフレッシュ後にバナーを表示します。

最初の問題はCSSで簡単に修正できます。

h1 span.category-icon {
  color: rgb(255, 255, 255) !important;
}

しかし、TCで直接上書きできるとさらに良いでしょう。「カテゴリーアイコンを表示する」がチェックされている場合に有効になる新しい設定「カテゴリーアイコンの色を設定する」があれば、さらに良いかもしれません。

2番目の問題はより複雑です。CSSで上書きしようとしましたが、一貫した結果が得られませんでした。おそらく、構造レベルでの再設計が必要になるでしょう(アイコン要素は以前は別のdivに含まれていましたが、現在はh1内に含まれていると思いますか?)。

「いいね!」 2

素晴らしいフィードバック、ありがとうございます!アイコンの配置方法を更新してマージし、有効にしたときにカテゴリアイコンの色を上書きする設定を追加しました。これにはカテゴリアイコンコンポーネントの更新も必要です(レイアウトを調整するためにクラス名を追加する必要がありました)、そちらも更新するようにしてください。

「いいね!」 5

クリスさん、ありがとうございます。これで完璧に動作します。

ただ、まだ問題があります。

何かアイデアはありますか?

Androidの2つの異なるブラウザで確認しましたが、結果は同じでした。

「いいね!」 2

ああ、それを見落としていました…これはサブカテゴリを直接表示した場合に発生しますか?

「いいね!」 2

いいえ、これはサブカテゴリを持つカテゴリに直接アクセスした場合にのみ発生します。

編集:これは、/categories ビューから直接そのようなカテゴリを開いた場合にのみ発生します。カテゴリドロップダウンを使用してカテゴリを選択すると、バナーは正しく表示されます。

サブカテゴリに直接アクセスしても問題ありません。

「いいね!」 2

うーん、再現できません…

Kapture 2023-03-31 at 10.59.55

サイト設定でどの desktop category page style を使用していますか?何か特定の状況を見落としているのかもしれません :thinking:

「いいね!」 1

これをインストールしてエラーを再現しました。サブカテゴリのあるカテゴリで、ヘッダーのパンくずリストをクリックすると、カテゴリに移動したときにヘッダーボックスは表示されますが、カテゴリバナーは表示されません。

「いいね!」 2

素晴らしいコンポーネントですね。欠けているカテゴリバナーのスクリーンショットを撮れるか見てみます…

「いいね!」 3

バナーが表示されないケースは2つあります。カテゴリページから(トピック作成者コンポーネントを実行中です)。サブカテゴリでは機能しますが、カテゴリでは機能しません。トピック内のトピックヘッダーのパンくずリストからも発生します。

「いいね!」 1

原因を見つけたと思います:トップカテゴリの設定で、デフォルトのリストフィルターすべてのトピックからサブカテゴリなしに変更して更新すると、再現できるようになります。

@Lilly さんも同様にサブカテゴリなしに設定されていますか?

「いいね!」 3

「いいね!」 2

はい、これで再現できるようになりました。解決していただきありがとうございます。何が問題なのか調べてみます。

「いいね!」 3

@md-misko @Lilly、これはDiscourseの一貫性の問題が原因でしたが、先週末にここで修正されました:DEV: Change the params for categoryNone redirect by CvX · Pull Request #20944 · discourse/discourse · GitHub

そのため、次回Discourseがアップデートされた際にこの問題は解消されるはずです。

「いいね!」 4

あなたの「素晴らしい」仕事に感謝します :slightly_smiling_face:

「いいね!」 4