TagStyleTool est une version inspirée de (3) composants existants pour permettre la personnalisation de l’apparence des étiquettes sur Discourse !
Fonctionnalités :
Résolution des problèmes de compatibilité (spécifiquement entre la suppression des tirets et les icônes d’étiquettes)
Attribution d’une icône Font Awesome à des étiquettes spécifiques.
Ajout de l’option d’appliquer une icône d’étiquette par défaut à toute étiquette non définie.
Inversion de l’héritage, par exemple la couleur du libellé ou du texte.
Résolution d’un problème de couleur de contraste avec la couleur du texte lors de l’utilisation du paramètre de coloration des libellés.
Possibilité de choisir entre les styles d’étiquettes existants.
Polyvalence des paramètres permettant de désactiver l’étiquette par défaut ou la fonctionnalité des tirets.
Le format des paramètres est le même (avec l’ajout de nouveaux paramètres) que Tag Icons permettant une portabilité/adoptabilité facile.
Plus à faire :
Implémenter une option pour appliquer à une catégorie entière. (Cela présente des inconvénients, je pense que cela peut être fait, mais nécessite une maintenance supplémentaire)
Couleur d’étiquette par défaut un scénario hypothétique si vous voulez juste la couleur et pas l’icône.
Corrections pour l’utilisateur des paramètres
Autre :
C’est la première fois que je publie quelque chose au public depuis un moment. Si vous rencontrez des problèmes, faites-le moi savoir !
Je vais essayer ça ! Merci !! J’avais regardé un tas de composants de style d’étiquettes et cela semblait compliqué de devoir en installer plusieurs, alors je vais essayer le vôtre la prochaine fois que je m’occuperai de ma configuration !
J’ai juste essayé rapidement. Deux commentaires de “débutant” :
Je me perds un peu dans les trucs FontAwesome. Ce sont juste les icônes gratuites ? Quelle version ? Y a-t-il une liste de toutes les icônes quelque part (ou est-elle trop longue pour ça) ?
couleur : à quel point serait-il compliqué de fournir un sélecteur de couleurs, pour les personnes qui ne maîtrisent pas le RVB ?
Ne vous inquiétez pas de vous perdre, heureux de vous aider de toutes les manières possibles, c’est à cela que Discourse sert après tout, n’est-ce pas ?
Font Awesome
Le composant devrait prendre en charge automatiquement n’importe quelle icône Font Awesome de la version actuelle qui se trouve dans la version actuelle de Discourse. Je crois qu’ils prennent actuellement en charge la v6. Vous pouvez trouver toutes les icônes ici Font Awesome.
Pour la deuxième partie de la question, oui c’est gratuit, il existe une version premium, mais je ne suis pas sûr de son fonctionnement avec Discourse car Font Awesome est déjà inclus dans le cœur.
Sélecteur de couleurs
Je peux regarder et voir si je peux en implémenter un, mais comme il s’agit d’un composant de thème, je ne suis pas sûr de ce que je peux faire avant qu’il ne devienne nécessaire d’être un plugin. Vous pouvez cependant utiliser cet outil utile, vous cliquez sur la zone « Use HTML 5 » où se trouve la couleur, et pour ce composant, vous voulez utiliser la couleur hexadécimale. HTML Color Picker
un scénario hypothétique si vous voulez juste la couleur et pas l’icône.
