Salut à tous,
Je travaille sur des sujets qui reçoivent parfois beaucoup d’étiquettes (dont beaucoup sont générées automatiquement à partir d’un flux ICS). Dans l’interface Discourse, les étiquettes continuent de s’enrouler, ce qui rend les listes de sujets très longues et plus difficiles à parcourir.
J’aimerais faire quelque chose de similaire à la façon dont les catégories sont affichées dans les listes de sujets :
• Afficher les quelques premières (disons 5)
• Ensuite, masquer les autres derrière un indicateur « +X de plus »
Ce que j’ai essayé :
• Le CSS peut masquer les étiquettes après un certain nombre, et même ajouter un marqueur statique « … », par exemple :
/* Masquer toutes les étiquettes après la 5ème */
.topic-list .discourse-tags a:nth-of-type(n+6) {
display: none;
}
/* Ajouter … après la 5ème */
.topic-list .discourse-tags a:nth-of-type(5)::after {
content: " …";
}
Cela fonctionne pour masquer, mais le CSS ne peut pas compter dynamiquement le nombre d’éléments masqués, je ne peux donc pas obtenir « +3 de plus ».
Ma question :
• Existe-t-il un moyen intégré de limiter l’affichage des étiquettes par sujet ?
• Sinon, existe-t-il un extrait d’exemple (peut-être à partir du rendu des catégories) que je pourrais adapter en composant de thème pour ajouter la logique « +X de plus » pour les étiquettes ?
Merci d’avance !
