Merci, je vais essayer ça.
Vérifiez également le fichier /latest.json et les données entrantes pour les vignettes – assurez-vous que les URL fonctionnent, par exemple :
J’ai transféré les améliorations relatives aux images à la une du TC vers le Plugin aujourd’hui, vous pouvez désormais afficher des images à la une sur mobile et la mise en forme est nettement améliorée.
Cela peut perturber certaines de vos feuilles de style CSS personnalisées, désolé pour cela, mais c’est pratiquement inévitable. Les améliorations en valent la peine.
Rappelez-vous que vous pouvez définir la largeur horizontale à zéro pour laisser la mise en page déterminer la largeur en fonction du rapport d’aspect, ce qui permet d’obtenir un rendu plus élégant. Vous pouvez également masquer les extraits dans les paramètres si l’espace devient trop restreint avec vos images ou vos paramètres.
Ce site exécute actuellement le plugin :
NB : l’aspect est légèrement meilleur sur Safari grâce à sa barre de défilement plus fine ![]()
Salut, après la mise à jour, j’ai une barre de défilement horizontale inutile. Comment pourrais-je la supprimer ? ![]()
Pour l’instant, j’ai supprimé cette barre de défilement en modifiant le CSS :
.tlp-featured-topics.has-topics .topics {
overflow-x: hidden;
}
Oui, c’est la bonne approche. Je ne vois pas de débordement pour le moment. D’ailleurs, la barre de défilement est beaucoup moins disgracieuse sur Safari.
Malheureusement, cette méthode vous empêchera de faire défiler si les images mises en avant deviennent beaucoup plus nombreuses et s’affichent vers la droite.
Donc, une autre approche : publiez beaucoup plus de contenu mis en avant !!
Au fait, vous pouvez expérimenter avec le style de la barre de défilement. Malheureusement, cela est compliqué par le fait qu’elle n’est pas standardisée sur tous les navigateurs. Par exemple :
/* Fonctionne sur Firefox */
* {
scrollbar-width: thin;
scrollbar-color: grey darkgrey;
}
/* Fonctionne sur Chrome, Edge et Safari */
*::-webkit-scrollbar {
height: 6px;
}
*::-webkit-scrollbar-track {
background: darkgrey;
}
*::-webkit-scrollbar-thumb {
background-color: grey;
border-radius: 0px;
border: 0px solid grey;
}
source : How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean
Merci ! C’est une excellente solution ![]()
Bonjour @merefield, merci beaucoup pour ce plugin, il est très populaire dans notre communauté. Nous l’utilisons dans une configuration assez minimale, uniquement pour afficher les vignettes des sujets dans les listes de sujets, rien d’autre vraiment.
Cependant, après quelques semaines d’utilisation, nous avons dû le désactiver car il provoque des problèmes assez graves lors de la navigation dans et hors des sujets. En gros, lors de l’entrée dans un sujet, il y a souvent un scintillement dans la mise en page, et la barre de navigation disparaît pendant un instant avant que le sujet ne soit rendu. Inversement, lors du retour, la même chose se produit et la position de défilement dans la liste des sujets est perdue. Qui plus est, la navigation dans et hors des sujets est nettement plus lente que lorsque le plugin est désactivé. Voici une capture d’écran de ce à quoi cela ressemble sur mobile (désolé pour le lien gfycat, la capture d’écran était trop volumineuse pour être téléchargée sur Discourse).
Savez-vous ce qui pourrait causer ces problèmes et y a-t-il quelque chose qui puisse être fait pour les prévenir ? Il n’y a aucune erreur dans la console ni autre chose qui pourrait donner un indice sur ce qui ne va pas.
J’ai défini le niveau de résolution des vignettes de la liste des sujets au réglage le plus bas, soit 6, car nous n’avons pas besoin d’images de grande taille, donc la taille des images ne devrait pas être un facteur non plus. N’hésitez pas à me faire savoir s’il y a d’autres informations que je pourrais fournir pour aider.
Merci pour le rapport. Avez-vous essayé le TC, par curiosité ?
Non, je n’ai pas encore essayé – si vous pensez que cela pourrait améliorer les choses, je vais essayer. Est-il sûr de l’installer côte à côte avec le plugin (désactivé) ?
Probablement pas, vous devriez le réinstaller.
Le comportement que vous décrivez est étrange. Les liens (href) des titres sont presque identiques à ceux des vignettes.
Pouvez-vous confirmer que cliquer sur les vignettes ne présente pas ce problème ? (dans le plugin).
Je peux confirmer ! Je n’avais même pas remarqué jusqu’à présent que cliquer sur la vignette vous emmène au premier message du sujet. Le clic sur la vignette est aussi réactif qu’il devrait l’être.
Merci, je vais essayer ça alors, mais je ne vais probablement pas y arriver ce soir. J’ai aussi découvert que Composant de thème pour les vignettes de la liste des sujets existe ; je me demande si ce serait mieux adapté à notre cas d’usage en raison de sa portée plus limitée. ![]()
Merci d’ailleurs pour tes réponses ultra-rapides !
J’ai essayé le TC maintenant, et malheureusement, il affiche le même comportement.
Merci.
Oui, c’est intéressant.
Les URL sont correctes, mais Ember semble transformer les clics sur les titres en actualisation complète de la page.
Si vous regardez l’onglet Réseau de votre navigateur, vous verrez la différence.
Je suis presque certain que cela ne se produisait pas auparavant.
Le titre est généré par le même code dans le noyau, ce qui est très déroutant.
Il semble que la présence d’images en haut du poste puisse causer des problèmes de style dans l’« extrait de la liste des sujets ».
(Cela se produit à la fois dans le plugin et dans TC)
Voici un exemple.
Les deux premières lignes sont correctes, mais après une image, le style des troisième et quatrième lignes change. (Cela se produit dans tous les thèmes que j’ai essayés)
Avec l’inspecteur, il semble que l’« extrait de la liste des sujets » tente d’inclure le lien de l’image dans l’extrait, ce qui cause des problèmes de style.
“list/topic-excerpt” est intégré au cœur du système, malheureusement pas dans le plugin ni dans TC.
Je ne le surcharge pas directement.
Je me demande si ce n’est pas dû à des bidouilles jQuery.
N’hésitez pas à aider au débogage.
Merci pour votre réponse rapide. ![]()
J’ai également remarqué que certains liens dans les extraits de publication peuvent provoquer un chevauchement de l’image de la vignette.
Il semble que cela soit causé par un lien inline-onebox.
Je ne sais pas si cela est lié au cœur de Discourse ou au plugin TLP. ![]()
Peut-être vais-je désactiver temporairement les extraits pour le moment.
Merci beaucoup ![]()
Désolé, oui, c’est peut-être le CSS. Essayez de le modifier. Le TC a peut-être un CSS amélioré pour cela… je ne me souviens plus ![]()
Merci beaucoup. ![]()
Oui, je pense que tu as raison, avec TC, il n’y a aucun problème.
Le problème de chevauchement ne se produit qu’après que j’ai basculé vers le Plugin.
J’espère que Chrome pourra bientôt corriger la limite de 1000 lignes pour CSS Grid, alors nous pourrons remplacer le Plugin par TC complètement.
Merci pour la confirmation. Je vais essayer de déplacer ce CSS à un moment donné. Pour l’instant, vous pouvez simplement l’utiliser pour le remplacer dans un TC local.






