Boîtes avec sous-catégories dans une liste à puces

[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)]

Mise à jour : à partir du 09/11/2023 : les styles de catégories autres que les puces carrées sont ou seront bientôt abandonnés/indisponibles.

---

@MichelleBarnett

Boîtes avec sous-catégories

Je réponds à cela plus tard, mais mieux vaut tard que jamais…

Pour les empiler les unes sur les autres :

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

Quant à une liste à puces, cela dépendra du style que vous utilisez pour vos catégories. Supposons que vous utilisiez « puce » :

Cela ressemblera à ceci :

Si vous souhaitez conserver les puces colorées pour les catégories parentes mais pas pour les sous-catégories :

Utilisation du vrai caractère de puce :

.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;
        }
    }
}

Plus simple, en remodelant la puce de catégorie Discourse actuelle :

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