Masquer les sujets et les messages non lus/nouveaux dans la section catégorie

Bonjour !

Je travaille sur un thème personnalisé. Notre « style de page de catégorie pour bureau » est « Catégories et Sujets récents ». J’essaie de styliser la section Catégories pour qu’elle ressemble davantage à des cartes (donc, malheureusement, je lutte contre les tableaux puisque c’est construit avec des tableaux). J’ai remarqué une chose : je ne veux pas la colonne Sujets dans la section Catégories, ni les messages non lus/nouveaux. Existe-t-il une configuration permettant de supprimer à la fois la partie Sujets et celle des messages non lus/nouveaux pour le « style de page de catégorie pour bureau » ? Actuellement, j’essaie d’appliquer une logique de display: none sur la cellule du tableau concernée, mais cela continue de poser problème à cause des messages non lus/nouveaux.

Merci d’avance !

.category-list .topics {
    display: none;
}

Cela aide-t-il ? Cela supprimera ce que vous avez entouré dans la boîte rouge.

1 « J'aime »

Merci pour ta réponse @ondrej ! Cela aide un peu.

Notre mise en page ressemble à https://meta.discourse.org/categories, mais je passe à un design plus en « cartes » pour les catégories. L’utilisation de display: none fonctionne en partie, mais comme la section Catégories est un énorme élément table, elle occupe toujours de l’espace lorsqu’il y a des sujets et/ou des messages non lus ou nouveaux. Ainsi, vous voyez toujours ce petit espace blanc occupé, même avec display: none.

J’ai trouvé une solution, mais j’espérais qu’il existait simplement une option de configuration pour l’éliminer complètement.

Ma solution :

  • Définir une hauteur sur l’élément <tr> contenant les informations de catégorie/sujet, par exemple height: 160px. Avec cette propriété, définissez également overflow: hidden.
  • Définir la hauteur de l’élément <td> contenant le nom de la catégorie égale à celle du <tr>.
  • Définir la hauteur de l’élément <td> contenant le sujet à 0.

Ce n’est certainement pas la meilleure solution, mais cela fonctionne pour l’instant.