Couleur groupe dans les sujets qui se "déplace" en invité (javascript)

[Dellou]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis toujours
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour forumactif !
Je reviens vers vous pour un tout petit soucis, en effet, j'ai appliqué sur le forum un javascript qui permet d'avoir la couleur du groupe sur un bloc class, c'était un script que j'ai trouvé ici il y a longtemps et c'est celui-ci :

Code:

$(function(){$('.sujetPseudo a[href^="/u"] span[style]').each(function(){var color=$(this).css('color');
if(color){$(this).closest('div').addClass('header_groupe').css('background-color',color);}
});});

Sauf qu'en invité, la couleur se "déplace" et c'est le Pseudo qui prend la couleur du groupe, comme ici :
En étant connecté : https://cdn.discordapp.com/attachments/410410920657944596/1134857686836596767/image.png
En étant invité :
https://media.discordapp.net/attachments/410410920657944596/1134857633686356111/image.png

Je n'y connais rien en javascript    Y aurait-il quelque chose qui, je ne sais pas, en invité peut-être une div qui disparaît/apparait et donc la couleur prend la couleur en dessous le bloc qui devrait être en couleur ?

[Toryudo]

Bonjour !

Alors, ce n'est pas un div qui manque, mais c'est le lien vers le profil qui n'existe pas quand on n'est pas connecté, donc la partie a[href^="/u"] de la sélection ne marche pas. Si je regarde la structure de votre forum, je dirais que .sujetPseudo span span doit fonctionner :

Code:

$(function(){
  $('.sujetPseudo span span').each(function(){
    var color = $(this).css('color');
    if (color){
     $(this).closest('div').addClass('header_groupe').css('background-color', color);
   }
  });
});

Si le pseudo reprend "la couleur", c'est plutôt que pour lui aussi, il y a un problème. Je remarque ces lignes dans votre CSS personnalisé qui se basent sur le même principe, et qui ne vont pas fonctionner non plus :

Code:

.sujetPseudo.header_groupe .sujetRang, .sujetPseudo.header_groupe a[href^="/u"] span[style] {
  color: #fff !important;
  font-family: poppins !important;
}

Mais .sujetPseudo.header_groupe span span devrait là encore faire l'affaire :

Code:

.sujetPseudo.header_groupe .sujetRang, .sujetPseudo.header_groupe span span {
  color: #fff !important;
  font-family: poppins !important;
}

Je vous laisse vérifier si c'est mieux !

[Dellou]

Encore une fois, les explications sont super claires, j'en apprend encore haha ! Et ça fonctionne nickel, merci beaucoup pour votre aide J'espère que vous passerez une bonne journée!!