Bonjour, je viens de créer une PR pour ajouter une nouvelle option permettant de spécifier la couleur de l’icône sous le nom « catcol ». Cela permettra à l’icône d’adopter la couleur de la catégorie (comme visible dans la bande de catégorie et définie dans Modifier la catégorie | Général | Couleur d’arrière-plan).
Par exemple : « test,hands-helping,catcol,partial »
Cela est particulièrement utile avec la correspondance partielle de nom, afin que, dans l’exemple ci-dessus, la même icône puisse être utilisée pour toutes les catégories contenant « test » dans leur identifiant (slug), tout en adoptant chacune sa propre couleur de catégorie plutôt que d’utiliser toutes la même couleur. Cela offre également une alternative rapide à la sélection d’une couleur pour une icône ponctuelle (correspondance exacte) : il suffit d’utiliser la couleur de la catégorie.
Cela sera également utile avec une nouvelle option proposée permettant à l’icône de remplacer la bande de catégorie tout en conservant l’indication de couleur de la catégorie — sujet d’une future PR.
La PR de @rogerco est maintenant fusionnée. Vous pouvez désormais utiliser la couleur de catégorie en ajoutant le mot-clé spécial “categoryColour” à l’endroit où la couleur de l’icône doit apparaître. Merci Roger !
Je ne sais pas si cela peut être utile à d’autres, mais j’ai soumis une demande de tirage pour discourse-category-banners afin d’afficher l’icône discourse-category-icons à côté du titre de la bannière. Je l’utilise en production ici.
C’est une belle amélioration, mais elle ne fonctionne pas comme prévu si la couleur de l’icône de la catégorie est définie sur la même couleur que celle de la catégorie (vous utilisez le noir par défaut pour les icônes de catégorie dans votre exemple, et elles sont inversées en blanc, tout comme le titre).
La couleur de l’icône dans le titre devrait probablement être définie explicitement sur la même couleur que le titre, afin que des icônes de n’importe quelle couleur puissent être utilisées ?
J’ai rencontré le même problème sur mon instance, mais j’ai réalisé qu’en omettant la couleur de l’icône de la catégorie, elle prend la couleur appropriée : blanche lorsqu’elle est affichée dans le rendu de la catégorie : et dans le titre de la bannière, mais noire lorsque l’arrière-plan est blanc : .
Cependant, si vous n’utilisez pas le style de catégorie box et que la couleur de l’icône de la catégorie est définie sur la même couleur que l’arrière-plan de la catégorie, vous avez raison : l’icône devient « invisible ».
Nous pourrions explicitement la définir sur autre chose, bien sûr. Le titre de la bannière utilise la couleur de la catégorie ; peut-être que c’est l’option la plus sûre, comme vous l’avez suggéré. @pmusaraj, qu’en pensez-vous ?
Bonjour. C’est un excellent composant. Est-il possible de désactiver les icônes de catégorie lorsqu’elles apparaissent dans les listes de catégories ? Dans notre cas, nous souhaitons utiliser les icônes de catégorie partout ailleurs, mais pas dans le menu déroulant de la liste des catégories.
Bonjour Penar. Notez que nous souhaitons conserver les icônes pour toutes les catégories, mais nous voulons désactiver l’affichage de l’icône uniquement dans le menu déroulant du contrôle de liste des catégories. J’ai essayé de travailler avec les classes « fa d-icon d-icon-lock svg-icon svg-string » et « category-name », mais sans succès. Où devrais-je appliquer les paramètres CSS ? Pourriez-vous me suggérer des paramètres à essayer ?
Bien sûr, je peux vous aider. Pouvez-vous poster une capture d’écran de l’élément de l’interface où vous souhaitez masquer les icônes ? Je ne suis pas sûr à 100 % de bien comprendre, mais avec une capture d’écran, je devrais pouvoir vous envoyer le CSS nécessaire pour masquer les icônes uniquement dans ce contexte spécifique.
. Cette capture d’écran montre une icône de flèche s’affichant dans le contrôle de la liste déroulante des catégories. Nous souhaitons que l’icône s’affiche à d’autres endroits du site (voir la deuxième capture d’écran) Screen Shot 2021-02-08 at 9.59.36 AM|690x356, par exemple là où les messages apparaissent. Quelques utilisateurs ici ont demandé l’ajout d’une icône de flèche retour similaire afin de pouvoir naviguer facilement vers le haut d’une catégorie après avoir consulté un message. J’ai suggéré d’autres façons de faire en utilisant l’interface web de Discourse, mais ils souhaitent toujours que cette demande soit mise en œuvre.
Merci,
Doug White
Carolina Health Informatics Program
University of North Carolina at Chapel Hill
Vous rencontrerez cependant des problèmes ailleurs, car l’icône du badge de catégorie apparaît à de nombreux endroits, et cette flèche risque plus souvent de prêter à confusion qu’elle ne sera utile.
Oui, je le sais. Je leur ai dit cela, mais on m’a demandé de le faire quand même. Existe-t-il un moyen de supprimer l’icône afin qu’elle n’apparaisse pas dans le contrôle lui-même ? Elle s’affiche toujours en haut du contrôle de liste.
et dans le titre de la bannière, mais noire lorsque l’arrière-plan est blanc : 
.
