Icône d'œil pour les modérateurs

Soutien
1

Bonjour,

C’est moi encore.

J’ai créé un compte appelé Watchdog, je lui ai accordé des droits de modérateur, puis j’ai créé un badge nommé « modérateurs » (j’ai mis l’icône œil dans les paramètres). J’ai attribué le badge « modérateurs » à Watchdoggo, et lorsque doggo poste, le bouclier et l’icône œil apparaissent.

Ce qui s’affiche est un bouclier, bien que le badge accordé ait l’icône œil dans les paramètres.

wdg4
wdg4786×194 5.19 KB

Comment puis-je supprimer l’icône bouclier ?

2

Créez d’abord un nouveau groupe « watchdog » et ajoutez l’utilisateur Watchdog en définissant ce groupe comme son groupe principal. Ensuite :

.group-watchdog .d-icon-shield-alt {
    display: none;
}
3

L’utilisateur est déjà dans le groupe « Modérateurs », je ne pense pas qu’il soit nécessaire de créer un autre groupe. J’ai modifié le code en

.group-moderators

mais cela ne fonctionne pas, l’icône est toujours présente.

4

J’ai trouvé le CSS responsable de cette icône. Cependant, lorsque j’applique display: none, l’icône disparaît bien sûr, mais il reste un espace entre les éléments (flèche jaune) et je souhaiterais supprimer cet espace.

wdg5
wdg5339×124 3.37 KB

.svg-icon-title svg.fa.d-icon.d-icon-shield-alt.svg-icon.svg-node {
display: none;}

Avez-vous un conseil pour supprimer cet espace ?

Ou comment puis-je remplacer l’icône de bouclier par une icône d’œil en utilisant CSS ? car la classe responsable de l’icône de bouclier n’est pas dans le CSS, elle est intégrée dans le HTML.

5

Et cela ?

.moderator .svg-icon-title {
    display: none;
}

Je ne connais pas votre HTML pour l’icône de l’œil, il pourrait donc y avoir des effets secondaires…

6

De plus, vous pouvez essayer cette méthode, cela a fonctionné pour @Nisutec :

7

Exact. Si vous souhaitez le supprimer pour tous les modérateurs, group-moderators n’est pas une classe, c’est simplement moderator. Mais dans ce cas, vous n’avez pas besoin de moderator, il suffit de :

.d-icon-shield-alt {
    display: none;
}

L’espace est probablement dû à :

.names span {
    margin-right: 8px;
}

Donc :

.moderator .names span {
    margin-right: 0;
}
8

Cela a parfaitement fonctionné et a supprimé l’espace. Merci beaucoup.