Caixas com Subcategorias em Lista com Marcadores

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

Edição: a partir de 09/11/2023: estilos de categoria diferentes de marcadores quadrados estão ou serão descontinuados/indisponíveis em um futuro próximo.

---

@MichelleBarnett

Caixas com Subcategorias

Estou respondendo a isso mais tarde, mas antes tarde do que nunca…

Para empilhá-las umas sobre as outras:

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

Quanto a uma lista com marcadores, dependerá do estilo que você usa para suas categorias. Vamos supor que você esteja usando “marcador”:

Ficará assim:

Se você quiser manter os marcadores coloridos para as categorias pai, mas não para as subcategorias:

Usando o caractere de marcador 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;
        }
    }
}

Mais simples, remodelando o marcador de categoria Discourse atual:

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