Composerのカテゴリセレクタでサブカテゴリを最初に表示

ユーザーはトピックコンポーザーで、サブカテゴリに基づいて関連するカテゴリを選択します。つまり、サブカテゴリを見つけるために、使用したいサブカテゴリがどのカテゴリの下にあるかを覚えておく必要があります。

カテゴリセレクターでのカテゴリの表示方法を変更して、サブカテゴリとカテゴリの場所を入れ替える(サブカテゴリを最初に表示する)ことは可能ですか?

たとえば、ユーザーがガバナンスに関するトピックを投稿したいとします。理想的には、カテゴリドロップダウンに「ガバナンス - 管理」(リストはサブカテゴリで並べ替えられる)と表示されます。

選択すると、コンポーザーに「ガバナンス - 管理」と表示されます。

ありがとうございます。

テーマまたはコンポーネントCSSに以下を追加すると、簡単なCSSソリューションになります。
これにより、カテゴリ → サブカテゴリがサブカテゴリ → カテゴリに反転します。

// 「カテゴリ -> サブカテゴリ」から「サブカテゴリ -> カテゴリ」への位置を反転します
.select-kit .select-kit-row.category-row .category-status,
#reply-control .category-input .category-chooser .selected-name .name {
    flex-direction: row-reverse;
}

// サブカテゴリが選択されているときに親カテゴリを非表示にします
#reply-control .category-input .category-chooser .selected-name .name {
     > .badge-category__wrapper:first-child {
        display: none;
    }

     > .badge-category__wrapper:last-child {
        display: unset;
    }
}

「いいね!」 2

ありがとうございます!あなたは魔法使いです!

選択後、コンポーザーがドロップダウンでサブカテゴリの名前をカテゴリよりも優先して表示する方法、またはさらに良いことに、サブカテゴリのみを表示する方法(カテゴリの「トレイル」がドロップダウンに表示されるだけ)はありますか?

試行錯誤の結果、以下で進歩していると思います。

span.name .badge-wrapper:first-child {
    display: none;
}

ただし、オプションにサブカテゴリがなくカテゴリしかない場合(この場合はカテゴリを表示する必要がある)は機能しません。引き続き試行錯誤します。

Arkshineの提案のどこが間違っているのですか?

@martyn_thomas 上記の投稿を更新しました。あなたは正しい方向に向かっています。(基本的に、常に最初の要素を非表示にし、2番目の要素を解除することが解決策です)サブカテゴリがない場合にdisplayを復元するルールが1つ欠けています。

何もありません。完璧に動作しました。選択したドロップダウンからカテゴリを非表示にしようとしているわけではありません。基本的に、コンポーザーをきれいに見せようとしています。

「いいね!」 2

最初の部分は機能します(サブカテゴリとカテゴリを反転させる)が、2番目の部分は機能しません :frowning:

週末に自分で調べてみます。ご協力ありがとうございます。クリスマスビールをおごらせてください。

「いいね!」 1

よくわかりません。スクリーンショットでお分かりの通り、私の環境では動作します。:thinking:
また、テストフォーラムの動画はこちらです。

私もこれでうまくいきました(そして、場所がより整然として論理的になります。なぜなら、私たちはそれに続くパスではなく、1つのカテゴリに興味があるからです。親カテゴリはここでは重要ではありません)。

お二人ともありがとうございました。

「いいね!」 2

解決しました:

3.1では次のようになります。

#reply-control .category-input .category-chooser .selected-name .name {
    & > .badge-wrapper:first-child {
        display: none;
    }

    & > .badge-wrapper:last-child {
        display: unset;
    }
}

皆さん、ご協力ありがとうございました!

「いいね!」 1

カテゴリにサブカテゴリが多すぎない場合は、条件を使用できると思います。

つまり、カテゴリが cat1、Cat2 でない場合は、メインのカテゴリをコンポーザーから非表示にするコードを使用します。

逆に、catX、Cat、Y の場合はコードを変更します。

コンポーネントを作成するときに、このコードをどこに配置する必要がありますか?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.