Discourse 密度 トグル

このテーマコンポーネントをインストール

このテーマコンポーネントにより、ユーザーはDiscourseフォーラムの表示密度を設定できます。デフォルト、コージー、コンパクトが含まれます。

「いいね!」 16

いつもの素晴らしい仕事ぶりですね、ジョーダン!

iPadOS 18.1.1で、サイドバーのボタンをクリックしてもメニューが表示されないことに気づきました。ボタンがフォーカスされているのは確認できますが、何もポップアップしません。デスクトップモードに切り替えると機能します。

編集:実際には、モバイル表示である限り機能します。

これはz-indexの問題のようです:

別の小さなUXの問題:初めて設定にアクセスしたときに、現在の密度値がデフォルトで選択されていません。(ちなみに、ラベルはローカライズされていないようです。)
編集:ブラウザストレージにまだ保存されていない値に関連しているようです。

コードを見るとフォントを変更する準備はできているようですが、インターフェースが見当たりません。これは後で実装されると仮定していますか?

「いいね!」 6

コンパクト使用時の注意点:

アバターの装飾は通常サイズを維持しており、不自然に見え、投稿コンテンツと重なってしまいます。

トピックの末尾にある「Suggested」と「Related」ボタンが、下のトピックリストと重なってしまいます。

ユーザー設定にはフォントサイズ設定があります。
コンパクト表示では、グローバルなフォントサイズは一切変更しない方が良いと思います。これらは別々の設定として維持されるべきです。

トピックマップコンテナは幅100%を使用していません。通常は右端まで達するはずです。

フッターボタンも同様です。

通常のレイアウトでは、日付を含む.topic-meta-dataには右パディングがあり、日付が返信ボタンと揃えられています。

コンパクトレイアウトでは、これは当てはまりません。

通常のレイアウトで投稿を区切る水平線がないため、投稿リストの右側が奇妙に見えます。日付と返信ボタンが近すぎます。各ボタンと下の「日付」は同じ投稿の一部のように見えますが、実際には異なる投稿に属しています。

「いいね!」 3

はい、すべて記述されており、正常に動作しますが、まだ導入したくありませんでした。

他のレポートもありがとうございます。確認します :smile:

「いいね!」 4

ここに「このテーマコンポーネントをインストール」ボタンがありますが、正しく設定されておらず、次のような結果になります。

…そして、次のメッセージで失敗します。

エラーが発生しました: gitリポジトリのクローン中にエラーが発生しました。アクセスが拒否されたか、リポジトリが見つかりません。

URLのみ(Markdown部分は除く)が期待されています。

「いいね!」 3

ご報告ありがとうございます。修正いたしました。

「いいね!」 2

こんにちは。compact ビューと Enhanced (AI サマリー) ビューを同時に選択してみました。結果は好ましくありません。この組み合わせはあまり意味がないと思いますが、選択は可能です。

「いいね!」 2

compactモードでフレアが表示される場合、投稿のテキストの上に重なってしまうという小さな指摘があります。

「いいね!」 3

トーマス、レポートありがとうございます。確認します。

「いいね!」 1

私の返信で最初に言及したことです:smile:

専用の設定がすでに利用可能な場合に、コンパクトビューがフォントサイズを変更すべきかどうかについて、意見を聞かせていただけると幸いです。

もちろん、これは大した問題ではありません。1日に何度も密度設定を切り替えるわけではありませんから… 好奇心から聞いているだけです。

密度モードがいくつかあるソフトウェアをいくつか見てみました。コンパクトモードでは、

  • DiscordとGoogle Gmail/Calendarはフォントサイズを変更しません。
    Slackもそうだと思います(試してはいませんが、スクリーンショットを見ただけです)。

  • Microsoft Outlookはフォントサイズを14pxから12pxに縮小します。

「いいね!」 3

それは良い質問ですね、Canapinさん。

コンポーネントを作成する際、いくつかの異なるシナリオを試しましたが、フォントサイズを小さくするのが常に最善の選択肢だと感じました。

「いいね!」 3


Cozy

これはここに記載すべきことか分かりませんが、トピック間の間隔が、通常の密度やコンパクトな密度と比較して、Cozy密度モードでの改行によって少し一貫性がなくなっているように見えます。

Discourseの他の密度設定


デフォルト

コンパクト

こんにちは。FOUNDATIONテーマでそのTCを有効にしましたが、PCでは(左下メニューに)TC設定が表示されるのに、モバイルでそのテーマを使用するとTC設定が表示されません。何か考えられることはありますか?よろしくお願いします。

「いいね!」 2

モバイルでの使用を最小限にするため、モバイルでは非表示になっています。ただし、ユーザー設定に設定は存在します。

「いいね!」 3