Horizon、最新テーマのテストにご協力ください

はい、タイトルの配置は既知の問題であり、現時点ではそのままにしています。残念ながら、タイトルを投稿コンテンツに合わせるための選択肢は、Discourse の HTML 構造によって制限されています。数か月以内に修正できることを願っています。

「いいね!」 3

はい、さらに2つの提案があります。図のように、赤い線で囲まれた部分が改善すべき点だと考えられます。

  1. ヘッダーが広すぎ、スペースを取りすぎているため、高さを少し減らすことをお勧めします。

  2. 右側と左側を比較すると、左側は幅が広く、コンテンツが密集していますが、右側は幅が狭く、色の背景があると明らかにバランスが崩れます。画面が大きいほど、より不快になります。

背景色には薄い灰色を使用し、右側のバーの幅を広げて展開可能な機能ボタンを追加することをお勧めします。類似したスタイルの参考例を見つけました。

参考: https://mail.google.com/chat

「いいね!」 2

私のフィードバック:

ワイドビューポートで使用するドラマチックな表示

新規トピックボタンの配置と見た目

そして、それが非常に目立つため、非常に気になります。

左下揃え

右上揃え

ロゴとアイコンの配置

サイドバーの背景色がリサイズ時に消える

おそらく、メディアブレークポイントの一貫性のなさのためでしょうか?

アイコンの配置

おかえりなさい? 私は離れていませんでした。

LL Cool J を引用したくなります :smiling_face_with_sunglasses:

「いいね!」 8

トピックが追跡されているときの未読メッセージのタグとカウンターがトピック一覧ビューで欠落していることに気づきました。

「いいね!」 1

これはスペースを節約するための意図的なものだと思います。モバイル幅に近づいています。動画にはボックスの角が表示されるという別の軽微なバグもありますが、再現できないため修正されたと思います。

「いいね!」 2

:thinking: サイドバーの背景色を削除すると、どのようにスペースが節約されるのでしょうか?

背景色が850px未満でsecondaryに設定されているメディアクエリがありますが、サイドバーは767pxで消えます。

角の問題は確かに解消されました。

もう一つの不整合なブレークポイントは、幅がちょうど768pxのときで、トピック領域のライトブルーの背景が再表示されます。

背景色だけではなく、個別のコンテンツコンテナを削除することも含まれます。

サイドバーとコンテンツが別々のコンテナにある場合、両方のコンテンツとコンテナの端の間にパディングが必要になります。

コンテナが削除されると、要素間のスペースのみが必要になるため、必要なパディングが半分になります。

はい、これはメディアクエリのどこかに1pxのギャップがあるように見えます。簡単な修正のはずです(編集:ちょうど1つマージしました)

「いいね!」 5

ああ、説明ありがとうございます!!

「いいね!」 4

こんにちは。

タイムラインセクションで、添付画像でご覧いただけるように、日付に関連するテキストの一部(「1」や「5」など)がコンテナからはみ出してしまい、正しく表示されていません。

テーマでカスタムフォントを使用するために Google Fonts コンポーネントを使用しています。

よろしくお願いいたします。


情報密度が低すぎるため、間隔を調整するオプションがあると良いでしょう。

「いいね!」 2

うわー!! まったく同じことを提案しようとこのスレッドに来たところです。アイテムの密度とサイズを調整するオプションがあると素晴らしいでしょう。

Horizon では、他のテーマと比較して、フォント サイズとスペーシングがデフォルトで大きくなっています。よりモダンな外観にするためにそうしていることは理解していますが、パワーユーザーはより密度の高いレイアウトを見たいと思うかもしれません。簡単に言えば、ズームを 90% にして、要素を調整して余白に収まるようにするということです。

私たちデザイナーや開発者にとっては、高解像度画面で作業しているため、すぐに気付くことではありませんが、まだ低解像度画面を使用しているユーザーにとっては、すべてが大きすぎます。

「いいね!」 2

このテーマの目的(「非技術系管理者と一般メンバー」)を考えると、フォントサイズを大きくし、余白を増やし、全体的な情報密度を下げるのは良い考えのように思えます。デフォルトのDiscourseはかなり賑やかです。

追加の注意点として、トピックの一覧では、ボタンのようにハイライトされている境界線のどこかをクリックすればトピックに入ることができると期待します。現在の動作では、トピックのタイトルをクリックする必要があります。

「いいね!」 5

しばらく使用してみましたが、ノートパソコンの小画面での体験は非常に良いですが、大画面での体験は十分ではありません。大画面ではGoogle Chatのような2ペインのリーディングモードを使用することをお勧めします。


件名: Horizonテーマでのカテゴリボックス表示の問題(RTL言語使用)

こんにちは。

DiscourseフォーラムでHorizonテーマを使用していますが、カテゴリ名の表示に問題が発生しています。

Horizonテーマを有効にした後、カテゴリ名を囲むボックスが、含まれるテキストよりも大幅に大きくなり、不格好な見た目になっています。これは添付のスクリーンショットに示されています。

注意: 私のフォーラムは右から左(RTL)言語であるペルシャ語を使用しています。テーマでコンポーネントが有効になっていない場合でも、この問題は発生します。

この問題について調査していただけますでしょうか?このスタイリングの問題を解決するためのガイダンスをいただけると幸いです。

よろしくお願いいたします!

「いいね!」 2


件名: タイムライン表示の問題 - 2行で表示される(RTL言語使用時)

こんにちは、

Horizonテーマを使用しているDiscourseフォーラムで、別の表示上の問題に気づきました。

トピック内のタイムラインバーが、期待どおりにレンダリングされていません。Horizonテーマの公式デモサイトでは、タイムラインは単一の連続した線として表示されます。しかし、Horizonテーマが有効になっている私のフォーラムでは、タイムラインは2つの別々の線として表示されます。

この違いを説明するために、公式サイトと私のフォーラムでのタイムラインを比較したスクリーンショットを添付しました。

注意: 私のフォーラムではペルシャ語(右から左へ書く言語、RTL言語)を使用しています。テーマでコンポーネントを有効にしていない場合でも、この問題は発生します。このテーマの最新バージョンを使用しています。

タイムライン表示が分割されている原因と、単一の線として表示されるように修正する方法について、アドバイスをいただけますでしょうか?

ご協力ありがとうございます!

「いいね!」 3

これらのレポートをすべてありがとうございます。すぐに解決できるとは promise できませんが、RTL の問題については確実に調査するようにメモしています。

「いいね!」 5

どうもありがとうございます

「いいね!」 2

トピックコンテンツの左右にあるこの余分な白いスペースについて話していました。均一に見えません。理想的には、全幅を占めるオプション、または少なくとも中央ではなく左揃えにしたいです。カスタムCSSでオーバーライドできますが、美観に関するコンセンサスがある場合に備えて報告しておきます。

「いいね!」 4

このTopic List Thumbnails コンポーネントは、新しいテーマでは機能しません。今のところ新しいテーマは気に入っています!しかし、例えばスペースをあまり使わないようにすれば、もっと良くなるかもしれません。もう少しパディングを減らせば、よりうまくスケールするでしょう。


また、タグとカテゴリのバナーは、より良い統合が可能です。角丸は意味をなさないと思います。


Reader Mode は、Horizon テーマで使用されているフォントやサイズとは異なる、より小さいフォントとサイズを使用しています。そのため、Reader Mode は読みにくくなっています。


また、タグが一覧表示されなくなりました。タグを表示することは非常に重要だと思います。カテゴリと同様に、タグは概要レイアウトでトピックを理解するのに役立ちます。


モバイルビューで複数の投稿を選択すると、ページを下にスクロールし始めると、選択オプションがページの他の部分の上に浮き上がります。

また、一括アクション「カテゴリを設定」を選択しても、カテゴリが表示されません。

「いいね!」 4

はい!タグはトピックカードの一部であるべきだと思います。カテゴリと同様に、開かなくてもトピックリストを理解するのに役立ちます。

はい!右下にあるフローティング「新規トピック」ボタンも機能するかもしれません。しかし、デフォルトのDiscourseエクスペリエンスと一貫性を保つのが最善です。


別の問題を見つけました。マイナーなものです。デフォルトのテーマでは、これらのカテゴリボックスはすべて1行に収まります。このHorizonテーマでは、3つのボックスしかスペースがありません。もちろん、パディングなどの違いによってそうなってしまう可能性があります。しかし、これが意図したものでなかった場合、報告することで私の役割を果たしました :slight_smile:

Horizon theme

Default Discourse theme

「いいね!」 3