Changement de couleur du nom d'utilisateur CSS pour tous les groupes personnalisés, fonctionne parfois puis pas ?

Dev
1

Je ne suis pas sûr de ce qui se passe exactement, mais tout code CSS que j’utilise pour faire cela semble s’activer et se désactiver de manière aléatoire, je ne sais pas si c’est dû à une mise à jour, à un paramètre, etc.

Celui que j’utilise depuis le plus longtemps est

.topic-post .Veeps a {
color: #66FF00;
}

“Veeps” étant mon groupe personnalisé. Cela fonctionnait hier ou avant-hier, mais j’ai remarqué aujourd’hui que toutes les couleurs, à l’exception de celles liées à des noms d’utilisateur spécifiques, sont revenues à la normale, sur tous les thèmes. J’ai créé un nouveau thème et supprimé toutes les modifications pour essayer, littéralement aucune ne fonctionne. Cela fonctionne parfaitement avec des groupes prédéfinis comme “admin”, “staff”, modérateur, mais je n’arrive à en déclencher aucun pour les groupes personnalisés. J’ai vérifié qu’il est défini sur Groupe principal, j’en ai fait le seul groupe auquel ils appartenaient, j’ai essayé sur différents groupes personnalisés (“Propriétaire”), rien. Maintenant, si je l’applique à des noms d’utilisateur spécifiques, cela fonctionne bien, mais c’est fastidieux de devoir faire 100 entrées séparées pour des individus, qui ne se mettent pas à jour si leur groupe change.

span.username.staff a {
      color: #00A9DB;
}

Fonctionne, mais pas non plus pour les groupes personnalisés. Je sais qu’il ÉTAIT possible de faire fonctionner les groupes personnalisés car cela a fonctionné pendant des années pour plusieurs (sauf quand ce n’est pas le cas). Y a-t-il un meilleur CSS à utiliser, ou un paramètre que je modifie par inadvertance ?

J’ai installé GitHub - discourse/discourse-groups-css-classes-in-body et maintenant j’ai obtenu

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

Pour fonctionner comme je le voulais, mais je n’ai pas installé cela (ou je n’ai pas utilisé ce CSS) depuis quelques années, donc cela ne m’aide pas à comprendre ce qui a exactement cessé de fonctionner / ce qu’il faut corriger, je frappe juste le clou avec la perceuse.

2 « J'aime »
2

Bonjour,

Il y a eu un changement hier DEV: add title class name, prefix username class (#19482) · discourse/discourse@b1e0836 · GitHub, donc vous devez maintenant ajouter le préfixe group-- au nom du groupe en CSS. Par exemple : .group--Veeps.

5 « J'aime »
3

Oui, désolé pour le désagrément, mais la façon dont nous ajoutions précédemment le nom de la classe de groupe était un peu sujette aux erreurs… cela signifiait que tout nom de groupe qui correspondait à un nom de classe dans notre CSS pouvait causer des problèmes de mise en page.

Par exemple, un groupe nommé « hidden » ajouterait la classe .hidden, ce qui masquerait les noms d’utilisateur. L’ajout du préfixe group-- évite ce problème, et cela ne devrait plus avoir à être modifié à l’avenir. Vous devriez donc simplement avoir à remplacer .Veeps par .group--veeps.

6 « J'aime »
4

Merci de m’avoir informé, je me sens un peu moins stupide d’avoir accidentellement cassé quelque chose en essayant d’en réparer une autre, comme c’est souvent le cas ! J’ai expérimenté avec plusieurs cas différents et ils fonctionnent tous bien, et j’ai pu comprendre grâce à ces informations.

Est-ce que cela nécessite toujours l’utilisation de GitHub - discourse/discourse-groups-css-classes-in-body pour utiliser des groupes principaux personnalisés de cette manière dont je parlais, ou est-ce inutile ? J’ai peut-être mal compris le but de ce plugin en premier lieu et il n’a jamais été requis pour ce que je faisais ; je l’ai juste retiré de mon thème de test pour voir si les codes de groupe principal personnalisés se déclenchaient toujours, et ils le font, donc il semble qu’il ne soit pas nécessaire… mais je préférerais être sûr avant de le désactiver et de découvrir quelque chose d’inattendu plus tard.

2 « J'aime »
5

Les groupes principaux sont présents sans cela, ils peuvent donc être ciblés avec du CSS. Avec le composant de thème installé, vous pouvez également cibler les groupes non principaux. :+1:

2 « J'aime »
6

Je n’ai pas compris quel code utiliser, peut-être que la traduction est hors contexte

donc au lieu que j’utilise ceci

div.topic-post.group-Veeps div.names span.username a {
  color: #8A2BE2;
}

j’utilise ceci

div.topic-post.group-- Veeps div.names span.username a {
  color: #8A2BE2;
}

Je ne comprends pas ce qui doit être mis dans le code ? c’est juste le --

@Kartoon @Don @awesomerobot

7

Bonjour,

Cela devrait fonctionner comme ceci :arrow_down_small:

.names span {
  &.group--GroupName a {
    color: red;
  }
}

Mais j’ai créé un composant de thème rapide pour cela maintenant. :slightly_smiling_face:

Vous pouvez le configurer simplement ici.

groupname;color

Screenshot 2023-01-14 at 21.07.53
Screenshot 2023-01-14 at 21.07.53767×399 31.1 KB

7 « J'aime »
8

Je ne suis probablement pas la meilleure personne à qui demander, car je peux faire fonctionner les choses mais pas nécessairement expliquer pourquoi. Mais ce que j’utilise actuellement et qui fonctionne bien

.topic-post.group-Veeps div.names span.username a {
   color: #66FF00;
 }

Évidemment, remplacez « Veeps » par le groupe d’utilisateurs que vous avez, c’est juste le nom du mien.

.names span {
  &.group--Veeps a {
    color: red;
  }
}

Comme mentionné ci-dessus, cela fonctionne aussi, je l’ai juste échangé contre ce que j’avais. Je vais probablement installer le plugin qu’il vient de poster pour plus de commodité dans tous les cas.

1 « J'aime »
9

J’ai le même problème, je ne sais pas ce qui ne va pas, impressionnant que même en utilisant le thème compétent ou le code, car les noms des membres ne changent pas de couleur, j’ai même utilisé le thème cogido et le composant dans un thème brut sans aucun CSS ni modification et cela ne change rien aux couleurs du titre

Je viens de remarquer quelque chose d’intrigant, si je mets quelqu’un dans le groupe en tant que propriétaire, le code de changement fonctionne et les couleurs des noms des membres que j’ai définis comme propriétaires changent, mais les membres qui ne sont pas propriétaires ne changent pas

@Kartoon @Don @xebiyen