Caselle con sottocategorie in un elenco puntato

[MichelleBarnett]

Ciao,

Attualmente ho impostato l’opzione “Caselle con sottocategorie” attiva, ma ho molte sottocategorie, il che rende l’aspetto un po’ affollato. (vedi immagine)

C’è un modo per trasformare le sottocategorie in un elenco puntato? O per spostarle manualmente invece di utilizzare la funzione “Riordina categorie”? O anche solo per ridurre i margini su ciascun lato in modo che ne possano stare di più su una riga?

Grazie!

[Canapin (Coin-coin le Canapin)]

Modifica: dal 09/11/2023: gli stili di categoria diversi dai punti elenco quadrati sono o saranno presto interrotti/non disponibili.

---

@MichelleBarnett

Scatole con sottocategorie

Rispondo a questo più tardi, ma meglio tardi che mai…

Per impilarle una sopra l’altra:

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

Per quanto riguarda un elenco puntato, dipenderà dallo stile che utilizzi per le tue categorie. Supponiamo che tu stia usando “bullet”:

Avrà questo aspetto:

Se vuoi mantenere i punti elenco colorati per le categorie principali ma non per le sottocategorie:

Utilizzando il vero carattere del punto elenco:

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

Più semplice, rimodellando l’attuale punto elenco della categoria Discourse:

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