Pour les sujets sans images, je souhaite uniquement que le titre du sujet soit visible. Existe-t-il un moyen de faire cela ?
J’ai pu le faire avec un peu de CSS
.topic-list-thumbnail.no-thumbnail {
display:none;
}
1 « J'aime »
Merci beaucoup, c’est exactement ce que je cherchais.
Un sujet a été fusionné dans un sujet existant : Comment afficher des extraits de contenu dans le composant de thème Topic List Thumbnails s’il n’y a pas d’image dans un sujet ?
Merci aux auteurs. C’est un excellent composant.
Il y a quelques problèmes en mode maçonnerie. Lorsque les vignettes sont récupérées de différentes manières, images téléchargées, logos et images tirées de liens et image de remplacement, la solution actuelle utilise le flou pour prendre la largeur inutilisée.
Je pense que la meilleure façon est d’utiliser let thumbnail pour prendre toute la largeur du conteneur, puis de laisser la hauteur prendre naturellement de l’espace tout en conservant le ratio de l’image.
J’ai essayé de personnaliser le CSS mais les problèmes comme les vignettes et les textes se chevaucheront et je ne peux pas résoudre. J’espère qu’une nouvelle version résoudra cela pour moi.
1 « J'aime »
2 messages ont été déplacés vers un nouveau sujet : Désactiver les vignettes sur mobile casse l’affichage mobile
Merci beaucoup, David Taylor, pour ce composant de thème incroyable !
Dans le style blog, il semble que le compteur de réponses ne fonctionne pas :
Nous apprécions vraiment si vous pouvez corriger cela, merci beaucoup !!!
1 « J'aime »
Merci de nous avoir signalé ce problème. Je viens de publier une mise à jour pour le corriger ici : UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub
1 « J'aime »
J’utilise le composant « Miniatures de la liste des sujets » sur mon forum Discourse. En vue mobile, les sujets sans image mise en avant affichent une image de miniature par défaut (ou de repli).
Afficher les sujets sans image sous forme de lignes de texte uniquement, sans espace réservé pour la miniature ni marge à gauche.
Existe-t-il un paramètre, une solution CSS ou une personnalisation de composant de thème permettant d’obtenir ce résultat ?
J’ai trouvé une solution avec Claude AI
/* Masquer la miniature sur mobile pour les sujets sans image */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
display: none !important;
}
/* Corriger la disposition en grille pour les sujets sans image (pas de colonne miniature) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
grid-template-columns: auto 15% !important;
grid-template-areas:
"titre réponses"
"données données" !important;
}