Caixas com Subcategorias em Lista com Marcadores

[MichelleBarnett]

Olá,

Atualmente, tenho a configuração “Caixas com Subcategorias” ativada, mas tenho muitas subcategorias, o que está deixando a aparência um pouco congestionada. (veja a imagem)

Existe alguma maneira de transformar as subcategorias em uma lista com marcadores? Ou movê-las manualmente, em vez de usar o recurso “Reorganizar Categorias”? Ou, mesmo que eu pudesse reduzir as margens de cada lado para que mais caibam em uma linha?

Obrigado!

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