Layout categoria Humanetech

Continuando la discussione da La comunità non ha confini: Discourse come tessuto - ideazione e brainstorming:

@aschrijver Mi piace molto come hai organizzato le categorie in un elenco così compatto. Mi piacerebbe fare lo stesso sul nostro forum! Ti dispiacerebbe condividere la tua configurazione?

1 Mi Piace

Grazie @sunjam. Certamente. Penso che il seguente CSS faccia al caso nostro:

/* ==============================================
     Layout Pagina Iniziale (Categorie + Ultime)
   ==============================================
*/

/* [custom] Visualizza le sottocategorie come elenco */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] Nascondi il conteggio dei 'post non letti' */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] Bilancia le colonne, più spazio per i titoli degli argomenti */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] Nascondi la colonna delle statistiche degli argomenti */
.categories-and-latest .topics {
    display: none;
}

/* [custom] Aumenta la larghezza del titolo dell'argomento per riempire la colonna */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] Visualizza i tag accanto alla sottocategoria (sotto il titolo dell'argomento) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

Nota: Include alcune modifiche extra per nascondere determinati elementi distraenti nell’interfaccia utente.

6 Mi Piace