¿Hay alguna opción o planes para agregar una opción que muestre los nombres completos de los usuarios en lugar de solo los avatares en la ventana emergente de detalles de reacción?
Especialmente en dispositivos móviles, es espectacularmente inútil a menos que conozcas todos los avatares de memoria, un superpoder que nunca he poseído en ninguna comunidad en la que haya estado.
En mi opinión, tampoco necesitas ser especialmente eficiente en el uso del espacio en esa ventana emergente, ya que solo se abre intencionalmente al hacer clic.
Solo me gustaría señalar que al hacer clic en los avatares en la ventana emergente de reacción se abre la tarjeta de usuario completa, que incluye el nombre de usuario completo. ¿Eso satisface tu necesidad aquí?
Gracias, pero no. Al menos para mí, el propósito de la ventana emergente es obtener una vista rápida de las reacciones dadas. No quiero tener que hacer clic en la tarjeta de cada usuario para averiguar su nombre. Abrir la tarjeta también se siente bastante lento debido al tiempo de carga adicional.
Tengo que admitir que olvidé que la interfaz de “plegar” de pre-reacciones para mostrar quién le dio “me gusta” a una publicación también solo mostraba avatares por defecto. Creé un plugin para mi foro para cambiar eso, pero olvidé que lo hice y pensé que el diseño cambiado era el predeterminado. Así que todo pareció más una regresión para mí de lo que realmente era.
En cualquier caso, gracias por mover esto a su propio hilo. Puede seguir siendo una súplica para reconsiderar mostrar solo avatares en lugares donde realmente quieres leer nombres.
La interfaz de resultados de la encuesta tiene un problema similar.
En realidad, en el escritorio, cuando pasas el ratón sobre la reacción, enumera a los usuarios.
Si alguien más quiere esto
Común / CSS
.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 {
// Establece el nombre de usuario del atributo data-user-card
// y añade una coma junto al nombre de usuario
content: attr(data-user-card) ",";
}
.avatar {
opacity: 0;
position: absolute;
}
&:last-child {
&:before {
// Elimina la coma del último nombre de usuario
content: attr(data-user-card);
}
}
}
button.show-users {
order: 1; // Ordena la flecha al final de la lista
}
}
}
}
}