Tag Icons

Composant de thème
,
104

Ok, iv gotten it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that tags box to put in the png icon?

trying to select one -

.tag-question::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Selecting all -

a.discourse-tag.box::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}
107

Si vous cherchez toujours, j’ai trouvé ce site qui propose de nombreuses icônes SVG de drapeaux et il y a peut-être un moyen de les télécharger en tant qu’icônes SVG personnalisées sur Discourse, je ne suis pas encore sûr.

https://www.flaticon.com/packs/search?word=flags&shape=lineal-color&order_by=4&type=icon

3 « J'aime »
108

Fonctionne très bien ! Voici quelques demandes de fonctionnalités :

  1. Suggérer automatiquement l’ajout des icônes svg par la liste des entrées d’icônes de balises
  2. Convertir la liste des icônes de balises en un tableau à 3 colonnes, où il peut y avoir une autocomplétion sur les balises et les icônes font-awesome v5
  3. Ajouter un lien vers Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome car il s’avère que je cherchais la dernière version de font awesome (actuelle v6) et je me demandais pourquoi mes entrées ne fonctionnaient pas.
  4. Adopter font awesome v6

Merci pour cela.

1 « J'aime »
109

Une idée de pourquoi je n’ai pas d’espace entre les balises ? Cela n’arrive que sur mobile

Capture d'écran

photo_2022-07-23_21-03-10
photo_2022-07-23_21-03-101080×1198 153 KB

111

2 tags créés ne fonctionnent pas pour une raison quelconque, cela pourrait-il être un bug ? J’ai créé le tag interview avec le logo SVG microphone-stand et le tag lecture avec le logo SVG camcorder. Les deux restent vides.

Screenshot 2022-08-27 at 18-57-23 Tags - TZM Community Forum
Screenshot 2022-08-27 at 18-57-23 Tags - TZM Community Forum1090×159 5.01 KB

Screenshot 2022-08-27 at 18-57-56 Admin - TZM Community Forum
Screenshot 2022-08-27 at 18-57-56 Admin - TZM Community Forum741×399 24.5 KB

Cela fonctionne lorsque je définis les deux tags pour utiliser le logo SVG film, que j’ai déjà utilisé pour un autre tag. Donc, pour une raison quelconque, les 2 logos initiaux que je veux utiliser ne sont pas acceptés.

Quelqu’un peut-il reproduire ce problème ? J’ai pu le reproduire dans un environnement de développement propre avec uniquement ce composant de thème installé. Comment puis-je voir quelle version de FontAwesome est utilisée ? Peut-être que je sélectionne simplement des icônes qui ne sont pas incluses dans la version sur Discourse. Je suppose que c’est la version 5.15. Puisque ces icônes étaient incluses dans 5.11 ou 6.0, elles devraient être incluses.

1 « J'aime »
112

Je n’arrive pas non plus à les faire fonctionner, il se peut donc qu’ils ne soient pas inclus dans l’ensemble disponible.

1 « J'aime »
115

Salut ! :waving_hand:t2:

Je me demande si je peux utiliser des icônes avec des images comme la nature ?

116

Est-ce que cela fonctionne avec des tags dans des groupes de tags ?

J’ai effectué un test dans une catégorie privée avec votre tag1 et cela fonctionne. Cependant, les tags dans un groupe de tags semblent ne pas fonctionner ?

1 « J'aime »
117

J’ai un problème similaire. Il semble que lorsque qu’une étiquette dépasse 10 caractères, les icônes ne s’affichent pas.

J’ai résolu le problème du groupe d’étiquettes. Il semble qu’il faille ajouter les étiquettes des groupes directement à la catégorie plutôt que d’ajouter le groupe d’étiquettes ?

119

Je n’arrive pas à faire apparaître les icônes de tag ailleurs que dans la barre latérale. Quelqu’un a une idée pourquoi ? J’ai essayé de réinstaller le composant, de l’utiliser seul avec le thème par défaut, toujours rien.

image
image815×215 15.2 KB

120

Juste pour vérifier, avez-vous ajouté les icônes au paramètre svg icons dans le composant de thème ?

2 « J'aime »
121

Oui, je l’ai fait, vous pouvez voir que les icônes elles-mêmes apparaissent à gauche dans la barre latérale, mais elles n’apparaissent nulle part ailleurs :

image
image1372×425 45.7 KB

122

Salut Darojax, bienvenue :wave:

Je ne parviens pas à reproduire cela de mon côté. :thinking:

À moins que le CSS ne soit impliqué ou que les modèles ne soient écrasés, les balises sont rendues de la même manière partout.

Si possible, pouvez-vous partager l’URL de votre forum ?

1 « J'aime »
123

Bonjour, merci pour votre réponse. Malheureusement, à ce stade, le forum est encore en développement et n’est pas accessible sur Internet. Je reviendrai vers vous une fois que nous serons publics, ou si le problème est résolu.

1 « J'aime »
124

Très bien, c’est bon. Pouvez-vous fournir strictement votre version actuelle de Discourse et lister les plugins/composants actifs ? Cela pourrait nous donner un indice.

J’essaierais d’activer uniquement le composant Tag Icons avec le thème par défaut sans aucune modification CSS pour voir si le problème apparaît. Sinon, vous pourrez déterminer le coupable.

1 « J'aime »
125

Bien sûr :

Version de Discourse installée
3.2.0.beta2
(be04154838)

Dernière version
3.2.0.beta2

J’ai créé un nouveau thème par défaut et j’utilise uniquement le composant d’icônes de tags installé directement via GitHub :

ainsi que deux plugins :

image
image1111×192 20.5 KB

discourse-landing-pages

docker_manager

Aucun autre CSS, HTML ou personnalisation n’a été effectué.

3 « J'aime »
126

OK, j’ai trouvé le problème. Le plugin ne semble pas pouvoir gérer les balises qui commencent par des majuscules. J’ai changé les noms des balises en minuscules et maintenant cela fonctionne comme prévu. Les balises commençant par des majuscules sont plus soignées à mon avis, ce serait formidable si ce problème pouvait être résolu. : ) Mais merci quand même pour ce super composant.

1 « J'aime »
127

Je suis content que cela fonctionne maintenant. Cependant, comment avez-vous créé ces balises ? Elles sont normalement forcées d’être en minuscules. :thinking:

128

Il y a un réglage pour cela dans le panneau d’administration :

image
image723×143 7.04 KB

1 « J'aime »
129

Vous avez raison, c’est ma faute, j’avais oublié ce paramètre. :smile:

Je sais d’où vient le problème, je proposerai une solution plus tard. :+1:

3 « J'aime »