Horizonテーマ

まだ再現できますか?現時点ではローカルでは再現できません。

Horizonはフル幅コンポーネントを使用しているため、Foundation(フル幅)テーマを使用した場合も同様になると思います。

したがって、見た目が最良のレイアウトではないことには同意しますが、これは現在、フル幅レイアウトを使用するすべてのテーマで期待される動作です。

提供されたスクリーンショットでは、HorizonとFoundationで異なっているように見えます🤔

それとも、私が見落としていることがあるのでしょうか?

スクリーンショットは foundation からのものですか、それとも foundation-full-width からのものですか?

おお!確認する必要があります。違いがあるとは知りませんでした!

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

モバイル画面での提案スレッドの表示に関する問題

うーん、私の iPhone 15 で最新の Chrome、Safari、Firefox では再現できません。

お使いのデバイスとブラウザは何ですか?そこに抜粋を読み込もうとしているのは奇妙ですね。:thinking:

「いいね!」 1

デスクトップの Chrome ブラウザでテストしました。F12 を使って画面サイズを携帯電話に合わせるように設定しました。キャッシュからページを更新(Ctrl + F5)すると、問題が解消されません。

はい、デスクトップの Chrome でモバイルのコンソールをテストしましたが、依然として再現できません。

「いいね!」 3

まあ、この問題は Chrome のアップデートで解決するかもしれません(最新バージョンだとは思うのですが)。仕方ありませんね。

もう一つ質問があります。タグ選択とボタンが入ったあのブロックが、スクロールしても隠れないのはなぜでしょうか?私だけでしょうか、それとも皆さんもそうでしょうか?画面のスペースをかなり取ってしまいますし、スクロール時には隠れるようにするのが理にかなっていると思います。

「いいね!」 2

これはホライズンテーマにおける予想される動作のようです(おそらく、ユーザーがどのカテゴリやタグにいるかを常に表示するためでしょう)。しかし、スクロール時にそこに固定されているとスペースを取りすぎると私も同意します。

「いいね!」 2

小さなスマホ画面では、この2つのボタンがタイトルリストのスペースを非常に多く占めています。

情報の密度を高める傾向はよりコンパクトになる方向だと考え、この行の CSS で fixed 属性を解除しました。

「いいね!」 1

これらのボタンが 1 つのコンパクトな行ではなく、3 行に積み重ねられるのは正常ですか?

はい、残念ながらそれは想定された動作のようです。ピン留めボタンとトピック通知ボタンは、topic-footer-main-buttons div の外側に配置されています。少なくともこの 2 つのボタンは同じ行に並ぶべきですが、可能であればトピックフッターのメインボタン行の中にレンダリングされるのが理想的です。

「いいね!」 2