サブカテゴリを持つボックスを箇条書きリストに

[MichelleBarnett]

Hello,

I currently have the setting “Boxes with Subcategories” turned on, but I have a lot of subcategories, causing it to look a little crowded. (see image)

Is there a way I can make the subcategories into a bulleted list? Or move them around manually rather than using the “Reorder Categories” feature? Or even if I could make the margins on each side smaller so that more could fit on one line?

Thank you!

[Canapin (Coin-coin le Canapin)]

編集: 2023/11/9現在: 正方形の箇条書き以外のカテゴリスタイルは、短期間で廃止されるか、利用できなくなります。

---

@MichelleBarnett

サブカテゴリ付きのボックス

後で返信しますが、遅くとも何もしないよりはましです…

それらを互いの上に積み重ねるには：

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

箇条書きリストについては、カテゴリに使用するスタイルによって異なります。「bullet」を使用していると仮定しましょう。

このようになります。

親カテゴリには色付きの箇条書きを維持したいが、サブカテゴリには維持したくない場合：

実際の箇条書き文字を使用する：

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        &:before {
            content: "•";
            margin-right: .25em;
            font-size: 1.5em;
            line-height: 0;
        }
        .badge-category-bg {
            display: none;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}

よりシンプルに、現在のDiscourseカテゴリの箇条書きを再形成する：

.category-box .subcategories {
    flex-direction: column;
    .subcategory {
        .badge-category-bg {
            border-radius: 50%;
        }
        .subcategory-image-placeholder {
            display: none;
        }
    }
}