Au lieu d’images PNG, j’essaie d’utiliser des icônes Font Awesome, mais elles apparaissent cassées. Avez-vous une idée pour résoudre ce problème ?
Essayez d’utiliser le composant suivant. Je viens de le tester et il fonctionne :
Salut tshenry. J’ai vu ce composant de thème, mais il s’affiche partout sur le forum (et uniquement dans les sous-catégories). Je souhaite simplement l’afficher dans le bloc/liste des catégories sur la page Catégories. La seule option proposée par Discourse consiste à insérer une image .png.
.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
position: relative;
font-family: "Font Awesome 5 Pro";
content: "\f054";
font-weight: 900;
}
C’est ce que j’essaie, mais avec des icônes Font Awesome.
Même demande :
Ah d’accord, le CSS que vous avez posté ne fonctionne plus.
Je pense que la meilleure façon de réaliser cela serait d’ajouter une prise d’extension (plugin outlet) au modèle category-title-link, puis d’utiliser un widget pour ajouter l’icône appropriée avant le nom de la catégorie. Il me semble logique que le composant Category Icons inclue optionnellement l’icône de la catégorie dans la liste des catégories. Si vous souhaitez afficher les icônes uniquement dans la liste des catégories, vous pouvez les masquer dans les autres emplacements avec du CSS.
@pmusaraj, qu’en pensez-vous ? Si vous trouvez que c’est une bonne idée, je peux créer une PR pour la prise d’extension, puis essayer de préparer une PR pour le composant Category Icons afin d’ajouter cette fonctionnalité.
Ce serait formidable. @pmusaraj
Cela me convient, merci d’avoir examiné cela.
@tshenry as-tu des nouvelles à ce sujet ?
Cette fonctionnalité est désormais incluse dans le composant Icônes de catégorie. Pour que la fonctionnalité fonctionne correctement, assurez-vous d’utiliser la dernière version de Discourse et la dernière version du composant.