まだ再現できますか?現時点ではローカルでは再現できません。
Horizonはフル幅コンポーネントを使用しているため、Foundation(フル幅)テーマを使用した場合も同様になると思います。
したがって、見た目が最良のレイアウトではないことには同意しますが、これは現在、フル幅レイアウトを使用するすべてのテーマで期待される動作です。
提供されたスクリーンショットでは、HorizonとFoundationで異なっているように見えます🤔
それとも、私が見落としていることがあるのでしょうか?
おお!確認する必要があります。違いがあるとは知りませんでした!
Foundation full-width をインストールしていないようです。メタで検索してみましたが、見つかりませんでした。
特定のテーマではなく、このコンポーネントです:Discourse Full-width component
現在、Custom Header Links テーマコンポーネントを使用しています。致命的な問題ではないとは思いますが、サポートが検討されているかどうか、特に Horizon 互換性に関する検討状況について確認したいと考えています。また、実装にはどれくらいの工数がかかる見込みでしょうか。
現在、新しい互換性に関する作業の計画は進めておりません。今後絶対にないとは言い切れませんが、コンポーネントの互換性がロードマップに追加されるかどうかは、それに関するリクエストの数に依存します。
確信はありませんが、実現可能ではないかと考えています。主な競合は、同じアウトレットを使用するウェルカムバナーの設定との間にあるでしょう。そのため、それを完全に無効にするか、以下のように設定してください。
この設定であれば、特に追加の手順なしにそれなりに機能すると思います。
テーマコンポーネントに以下のCSSを追加し、horizonテーマに含めてみてください。
@use "lib/viewport";
// ** デスクトップおよびそれ以上のビューポートサイズにのみ適用 **
@include viewport.from(lg) {
.container,
.list-controls {
margin-inline: 0!important;
}
}
デスクトップの Chrome ブラウザでテストしました。F12 を使って画面サイズを携帯電話に合わせるように設定しました。キャッシュからページを更新(Ctrl + F5)すると、問題が解消されません。
まあ、この問題は Chrome のアップデートで解決するかもしれません(最新バージョンだとは思うのですが)。仕方ありませんね。
もう一つ質問があります。タグ選択とボタンが入ったあのブロックが、スクロールしても隠れないのはなぜでしょうか?私だけでしょうか、それとも皆さんもそうでしょうか?画面のスペースをかなり取ってしまいますし、スクロール時には隠れるようにするのが理にかなっていると思います。
これはホライズンテーマにおける予想される動作のようです(おそらく、ユーザーがどのカテゴリやタグにいるかを常に表示するためでしょう)。しかし、スクロール時にそこに固定されているとスペースを取りすぎると私も同意します。
小さなスマホ画面では、この2つのボタンがタイトルリストのスペースを非常に多く占めています。
情報の密度を高める傾向はよりコンパクトになる方向だと考え、この行の CSS で fixed 属性を解除しました。








