Horizonはフル幅コンポーネントを使用しているため、Foundation（フル幅）テーマを使用した場合も同様になると思います。
したがって、見た目が最良のレイアウトではないことには同意しますが、これは現在、フル幅レイアウトを使用するすべてのテーマで期待される動作です。
提供されたスクリーンショットでは、HorizonとFoundationで異なっているように見えます🤔
それとも、私が見落としていることがあるのでしょうか？
おお！確認する必要があります。違いがあるとは知りませんでした！
Foundation full-width をインストールしていないようです。メタで検索してみましたが、見つかりませんでした。
特定のテーマではなく、このコンポーネントです：Discourse Full-width component
「いいね！」 2
現在、Custom Header Links テーマコンポーネントを使用しています。致命的な問題ではないとは思いますが、サポートが検討されているかどうか、特に Horizon 互換性に関する検討状況について確認したいと考えています。また、実装にはどれくらいの工数がかかる見込みでしょうか。
「いいね！」 1
現在、新しい互換性に関する作業の計画は進めておりません。今後絶対にないとは言い切れませんが、コンポーネントの互換性がロードマップに追加されるかどうかは、それに関するリクエストの数に依存します。
確信はありませんが、実現可能ではないかと考えています。主な競合は、同じアウトレットを使用するウェルカムバナーの設定との間にあるでしょう。そのため、それを完全に無効にするか、以下のように設定してください。
この設定であれば、特に追加の手順なしにそれなりに機能すると思います。
「いいね！」 1
テーマコンポーネントに以下のCSSを追加し、horizonテーマに含めてみてください。
@use "lib/viewport";
// ** デスクトップおよびそれ以上のビューポートサイズにのみ適用 **
@include viewport.from(lg) {
.container,
.list-controls {
margin-inline: 0!important;
}
}
「いいね！」 1
「いいね！」 1
デスクトップの Chrome ブラウザでテストしました。F12 を使って画面サイズを携帯電話に合わせるように設定しました。キャッシュからページを更新（Ctrl + F5）すると、問題が解消されません。
まあ、この問題は Chrome のアップデートで解決するかもしれません（最新バージョンだとは思うのですが）。仕方ありませんね。
もう一つ質問があります。タグ選択とボタンが入ったあのブロックが、スクロールしても隠れないのはなぜでしょうか？私だけでしょうか、それとも皆さんもそうでしょうか？画面のスペースをかなり取ってしまいますし、スクロール時には隠れるようにするのが理にかなっていると思います。
「いいね！」 2
これはホライズンテーマにおける予想される動作のようです（おそらく、ユーザーがどのカテゴリやタグにいるかを常に表示するためでしょう）。しかし、スクロール時にそこに固定されているとスペースを取りすぎると私も同意します。
「いいね！」 2
小さなスマホ画面では、この2つのボタンがタイトルリストのスペースを非常に多く占めています。
情報の密度を高める傾向はよりコンパクトになる方向だと考え、この行の CSS で fixed 属性を解除しました。
「いいね！」 1
はい、残念ながらそれは想定された動作のようです。ピン留めボタンとトピック通知ボタンは、topic-footer-main-buttons div の外側に配置されています。少なくともこの 2 つのボタンは同じ行に並ぶべきですが、可能であればトピックフッターのメインボタン行の中にレンダリングされるのが理想的です。
「いいね！」 2
コミュニティ（Horizon テーマを使用）から、トピック一覧ページの投稿内にあるカテゴリバッジが煩わしいというフィードバックをいただきました。
二次的・補足的なコンテンツ（カテゴリ名）が、一次的なコンテンツ（投稿タイトル）への注目をそらしているとのことで、その意見には一理あると感じています。
私が意図している例を、このフォーラムの最新トピック一覧から抜粋します。
これは当コミュニティではスタイルの上書きで対応可能です。背景色を削除し、代わりにボーダーとして適用することを検討しています。大きな懸念事項ではありませんが、このようなフィードバックが参考になればと思い共有しました。
「いいね！」 3
こんにちは @matt_k_bcn 
ようこそ！
テーマコンポーネントで CSS を使って以下のように実装できます:
.hc-topic-card__category .badge-category__wrapper {
border: solid 1px!important;
--category-badge-color: none!important;
}
「いいね！」 3