直前のリビルド更新後、ホームページのフォントが非常に小さくなりました

先ほどリビルド更新後、カテゴリをホーム画面として表示した際、サブカテゴリ名と最新トピックのタイトルのフォントが非常に小さくなりました。赤枠内のフォントサイズを大きくするにはどうすればよいでしょうか?

「いいね!」 1

Modernized Foundation でも同じ現象に気づきました。Modernized Foundation が有効になっているようですね。古い Foundation に戻せば、フォントサイズが元の大きなサイズに戻ると思います。

Foundation テーマに対して最近行われた変更がフォントサイズに影響を与えた可能性があります:

「いいね!」 1

はい、現行のテーマを使用しています。ただ、以前に戻してみても改善しませんでした。ぜひ試してみてください。

現在のフォントサイズが小さすぎて、バランスが悪いです。元の設定に戻すことをお勧めします😦

どちらも私の環境では動作しました。もしかすると、あなたには別の問題があるのかもしれませんね:woman_shrugging:t2:

私はチームスタッフではないので、何も元に戻すことはできません。

「いいね!」 1

確認しました。Foundation を使用している場合や、ホームページがカテゴリとトピックの機能を使用している場合にも、同じ問題が発生します。

「いいね!」 1

「カテゴリに注目のトピックを表示」モードの「今後の変更」で、モダンなファウンデーションテーマを無効化:

「いいね!」 2

リリー、ありがとうございます。Modernize Foundation themeが原因でした。すでにデフォルトのFoundation themeに戻しました。

「いいね!」 1

おっしゃる通り、会社のパソコンでキャッシュが更新されていなかったため、デフォルトの「Foundation theme」に戻してもフォントが小さかったのかもしれません。今は問題ありません。とりあえずデフォルトのテーマに戻しておき、「Modernize Foundation theme」が修正されたら再度切り替えようと思います。

「いいね!」 1

Modernize Foundation テーマを無効にしてから、ブラウザのキャッシュをクリアしてみてください。

気のせいかもしれませんが、デフォルトの「Foundation theme」に戻したところ、フォントサイズは大きくなりましたが、行間がアップグレード前より狭く感じられます。:rofl:

おそらく、削除または置換された padding プロパティが、いくつかの垂直間隔に影響を与えたのではないかと疑われます。

「いいね!」 1

はい、そのようです。デフォルトのFoundation themeに戻しても、カテゴリページの右側にある最近のトピックの行間が少し狭くなっているようです。@jordan.vidrine さん、修正していただけませんか?:grinning_face:

「いいね!」 1

一時的にカスタムコンポーネントで対応します:

Foundation テーマのホーム画面表示を最適化 - カスタム / その他 - Discourse Meta

ご提示いただいたスクリーンショットの赤い部分に間隔の問題があるとは、私には見つけることができませんでした。申し訳ありません。これは私が英語のテキストしか読めないことに起因しているのかもしれません。

視覚的にどのようなものが期待されているか、例はありますか?

「いいね!」 1

まとめると以下の通りです:

  1. サブカテゴリと週間の投稿数(緑色の枠)のフォントサイズを大きくする
  2. 右側の最新トピックの文字サイズを大きくする
  3. カテゴリ、トピック、最新(青色の枠)の文字フォントサイズを大きくする
  4. 黒色の枠の余白を大きくする
  5. 右側のトピックの行間(黄色の枠の領域)を広げる
  6. 赤色の枠の領域の高さを揃える

以下はデフォルト表示です:

以下はコンポーネントの CSS を追加して修正した後の表示です:

コンポーネントの CSS コードは以下のスレッドをご覧ください。

Foundation テーマのホーム画面表示を最適化 - 開発 - Discourse Meta

これはより明確かもしれません:

デフォルトの公式設定:

カスタムコンポーネント適用後:

マークアップを確認し、フォントサイズが縮小された要素を教えてください。基礎の更新では、トピック一覧のメタデータのみが縮小されるはずです。

はい、これに対応いたします。ありがとうございます。

「いいね!」 2

これはここで修正する必要があります → FIX: Do not apply topic-list-data font-size to category page elements by jordanvidrine · Pull Request #40714 · discourse/discourse · GitHub

「いいね!」 1