Discourse のインデントされたサブカテゴリ

:information_source: 概要 サイドバーのサブカテゴリを自動的にインデントします
:eyeglasses: プレビュー https://discourse.theme-creator.io/theme/Lilly/discourse-indented-subcategories
:hammer_and_wrench: リポジトリ https://github.com/Lillinator/discourse-indented-subcategories
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマに不慣れですか? Discourse テーマの使い方の初心者向けガイド

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

:information_source: 概要

このシンプルなテーマコンポーネントは、サイドバーのすべてのサブカテゴリを自動的にインデントします。デスクトップ、タブレット、モバイルのすべてのビューポートサイズに対応しています。

インデントサイズを変更するための設定が 1 つあります。デフォルトは 1em、最小値は 0.5em、最大値は 3em です。

設定:

サイドバーでの結果のサンプルスクリーンショット:


:bulb: 注意事項

このテーマコンポーネントは、単一レベルのサブカテゴリのみを対象としています。フォーラムでサブサブカテゴリが有効になっている場合、このコンポーネントは機能しなくなるか、少なくともサイドバーの見栄えがあまり良くならない可能性があります。

このコンポーネントは、現在廃止された Indented / Nested Sidebar Categories or Subcategories に代わるものです。


私の他の Discourse 関連のものをチェックする
「いいね!」 21

素晴らしい出来栄えです!親カテゴリーを折りたたんだり展開したりできれば、さらに良くなるでしょう。可能でしょうか?

「いいね!」 1

いいえ、申し訳ありませんが、このコンポーネントにさらにオプションを追加する予定はありません。

「いいね!」 1

リリー、素晴らしい仕事です。実にシンプルで効果的です。目覚ましい改善です!!

また、それに関する明確な管理者通知も気に入っています。

「いいね!」 2

モバイルでもインデントするオプションがあると便利でしょう

私も同意します。あなたが指摘するまで、それがそうでないことに気づきませんでした!

@Lilly、古いTCはモバイルでインデントされていましたか?

「いいね!」 2

このコンポーネントをリファクタリングしたので、モバイルでも動作するはずです。問題があればお知らせください。OPを編集しました。

「いいね!」 6

より機能が豊富なコンポーネント(ネストされたカテゴリ)を、制御が少ないこのコンポーネントに置き換えることになった考えや理由はなんですか?
非推奨になった古いコンポーネントを引き続き使用することはできますか、それとも最終的には動作しなくなりますか?

「いいね!」 1

素晴らしい、ありがとうございます、リリーさん!これでCSSの回避策を削除できます:-)

「いいね!」 1

アハハ、ポートレートモードではきれいにインデントされるのですが、ランドスケープモード(iPad使用)ではされません。

私のiPadでは動作しますね :woman_shrugging:

推測ですが、2カラムのサイドバー表示になっているのでは?

ああ、ごめんなさい、カスタムCSSがモバイルでシングルカラムになるように強制していることを言い忘れていました。ポートレート(デスクトップのようにインデントされている)では問題なく動作しますが、ランドスケープでは単なるフラットなリストになります。

iPadでは、横向き表示と縦向き表示の両方で、これが表示されます。

「いいね!」 1

ああ、私も今動作するようになりました、すみません!デバイスを回転させると「平坦」になるようですが、更新すると修正されます。確認していただきありがとうございます!!

「いいね!」 1