Mise en page de la catégorie Humanetech

Communauté
1

Suite à la discussion sur La communauté n’a pas de frontières : Discours comme une trame - idéation et brainstorming :

@aschrijver J’apprécie vraiment la façon dont vous avez organisé les catégories dans une liste aussi consolidée. J’aimerais faire de même sur notre forum ! Seriez-vous d’accord pour partager votre configuration ?

humane-categories
humane-categories159×330 8.04 KB

1 « J'aime »
2

Merci @sunjam. Bien sûr. Je pense que le CSS suivant fait l’affaire :

/* ==============================================
     Mise en page de la page d'accueil (Catégories + Derniers)
   ==============================================
*/

/* [custom] Afficher les sous-catégories sous forme de liste */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] Masquer le compteur « messages non lus » */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] Équilibrer les colonnes, plus d'espace pour les titres des sujets */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] Masquer la colonne des statistiques des sujets */
.categories-and-latest .topics {
    display: none;
}

/* [custom] Augmenter la largeur du titre du sujet pour remplir la colonne */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] Afficher les tags à côté de la sous-catégorie (sous le titre du sujet) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

Remarque : Il inclut quelques éléments supplémentaires pour masquer certains éléments distrayants dans l’interface utilisateur.

6 « J'aime »