Existe-t-il une option ou des projets pour ajouter une option permettant d’afficher les noms complets des utilisateurs au lieu de simplement les avatars dans la fenêtre contextuelle des détails de réaction ?
Surtout sur mobile, c’est spectaculairement inutile à moins de connaître tous les avatars par cœur, une superpuissance que je n’ai jamais possédée dans aucune communauté à laquelle j’ai appartenu.
À mon avis, vous n’avez pas non plus besoin d’être particulièrement économe en espace dans cette fenêtre contextuelle, car elle n’est ouverte intentionnellement que sur clic.
J’aimerais juste noter que cliquer sur les avatars dans la fenêtre contextuelle de réaction ouvre la carte utilisateur complète, qui inclut le nom d’utilisateur complet. Cela répond-il à votre besoin ici ?
Merci, mais non. Du moins, pour moi, l’intérêt principal du popover est d’avoir un aperçu rapide des réactions données. Je ne veux pas avoir à cliquer sur la carte de chaque utilisateur pour connaître son nom. Ouvrir la carte me semble également assez lent en raison du temps de chargement supplémentaire.
Je dois admettre que j’avais oublié que l’interface de pré-réactions qui se “déploie” pour montrer qui a aimé un message également n’affichait que des avatars par défaut. J’ai créé un plugin pour mon forum afin de changer cela, mais j’ai oublié que je l’avais fait, et j’ai pensé que la conception modifiée était la valeur par défaut ! Donc, tout cela ressemblait davantage à une régression pour moi qu’à ce qu’elle était réellement.
Quoi qu’il en soit, merci d’avoir déplacé cela dans son propre fil de discussion. Cela peut rester un appel à reconsidérer l’affichage uniquement d’avatars dans les endroits où l’on veut vraiment lire les noms.
L’interface des résultats de sondage a un problème similaire.
.discourse-reactions-counter {
.discourse-reactions-state-panel {
&.is-expanded {
max-width: 500px;
}
.discourse-reactions-state-panel-reaction {
margin-left: 0 !important;
.list {
display: flex;
flex-wrap: wrap;
gap: 0.25em;
.trigger-user-card {
margin-left: 0;
width: max-content;
height: auto;
color: var(--primary-high);
position: relative;
&:before {
// Définit le nom d'utilisateur à partir de l'attribut data-user-card
// et ajoute une virgule à côté du nom d'utilisateur
content: attr(data-user-card) ",";
}
.avatar {
opacity: 0;
position: absolute;
}
&:last-child {
&:before {
// Supprime la virgule du dernier nom d'utilisateur
content: attr(data-user-card);
}
}
}
button.show-users {
order: 1; // Ordonne la flèche à la fin de la liste
}
}
}
}
}