# サブカテゴリを持つボックスを箇条書きリストに
**URL:** https://meta.discourse.org/t/boxes-with-subcategories-into-bulleted-list/160141
**Category:** Development
**Created:** [2020 年 8 月 7 日午後 5:04 UTC](https://meta.discourse.org/t/boxes-with-subcategories-into-bulleted-list/160141 "2020-08-07T17:04:28Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@MichelleBarnett](https://meta.discourse.org/u/MichelleBarnett)
#### Post date: [2020 年 8 月 7 日午後 5:04 UTC](https://meta.discourse.org/t/boxes-with-subcategories-into-bulleted-list/160141/1 "2020-08-07T17:04:28Z")
こんにちは、
現在「サブカテゴリ付きボックス」の設定をオンにしていますが、サブカテゴリが多く、少し窮屈に見えてしまいます（画像参照）。
サブカテゴリを箇条書きリストに変更することはできますか？また、「カテゴリの並べ替え」機能を使わずに手動で配置を調整することは可能ですか？あるいは、左右の余白を狭めて1行に更多内容を収めることはできるでしょうか？
よろしくお願いいたします！
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023 年 2 月 20 日午後 12:48 UTC](https://meta.discourse.org/t/boxes-with-subcategories-into-bulleted-list/160141/2 "2023-02-20T12:48:38Z")
⚠ 編集: 2023/11/9現在: 正方形の箇条書き以外のカテゴリスタイルは、短期間で廃止されるか、利用できなくなります。
* * *
> [@MichelleBarnett](#):
>
> サブカテゴリ付きのボックス
後で返信しますが、遅くとも何もしないよりはましです… 🙂
それらを互いの上に積み重ねるには：
```css
.category-box .subcategories {
flex-direction: column;
.subcategory {
.subcategory-image-placeholder {
display: none;
}
}
}
```
箇条書きリストについては、カテゴリに使用するスタイルによって異なります。「bullet」を使用していると仮定しましょう。
このようになります。
親カテゴリには色付きの箇条書きを維持したいが、サブカテゴリには維持したくない場合：
実際の箇条書き文字を使用する：
```scss
.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カテゴリの箇条書きを再形成する：
```css
.category-box .subcategories {
flex-direction: column;
.subcategory {
.badge-category-bg {
border-radius: 50%;
}
.subcategory-image-placeholder {
display: none;
}
}
}
```
