Cajas con Subcategorías en Lista con Viñetas

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

Editar: a partir del 9/11/2023: los estilos de categoría distintos de las viñetas cuadradas se descontinuarán o no estarán disponibles en un futuro próximo.

---

@MichelleBarnett

Cajas con Subcategorías

Responderé a esto más tarde, pero más vale tarde que nunca…

Para apilarlas unas encima de otras:

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

En cuanto a una lista con viñetas, dependerá del estilo que utilices para tus categorías. Supongamos que utilizas “bullet”:

Se verá así:

Si quieres mantener las viñetas de colores para las categorías principales pero no para las subcategorías:

Usando el carácter de viñeta real:

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

Más simple, remodelando la viñeta de categoría actual de Discourse:

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