Merci pour l’info ![]()
Si vous avez activé prioriser le nom d’utilisateur dans l’UX, les noms d’utilisateur seront affichés sur chaque publication si le nom d’utilisateur et le nom complet de l’utilisateur sont identiques.
Et vous serez bloqué si vous souhaitez masquer les noms d’utilisateur uniquement avec du CSS, car vous ne pouvez pas cibler les éléments précédents.
Par exemple, vous aurez deux publications qui ont :
-
nom d’utilisateur
- contenu de la publication
-
nom d’utilisateur nom-complet
- contenu de la publication
Et vous ne pourrez pas masquer les noms d’utilisateur uniquement pour les utilisateurs dont le nom complet est différent de leur nom d’utilisateur, car le nom d’utilisateur est affiché avant le nom complet.
C’est un peu compliqué à expliquer ![]()
Donc, si vous voulez une solution uniquement en CSS, vous devrez désactiver prioriser le nom d’utilisateur dans l’UX et utiliser le CSS suivant :
.names {
.full-name +.username {
display: none;
}
}
Quant au titre sous le nom, vous pouvez utiliser ce CSS mis à jour :
.topic-meta-data .names {
flex-wrap: wrap;
.user-title {
width: 100%;
order: 1;
}
}
Le order: 1; empêche l’emoji de statut de l’utilisateur d’être à côté du titre et le maintient à côté du nom complet :
Si je combine tout ce CSS, voici le résultat.
Avant :
.topic-meta-data .names {
flex-wrap: wrap;
.full-name +.username {
display: none;
}
.user-title {
width: 100%;
order: 1;
}
}
Après :

