Mostrar "y otros XY grupos" en lugar de "..." en el perfil de usuario

UX
,
1

En nuestra comunidad, encontramos que la detectabilidad de la lista de todos los grupos de todos los usuarios era bastante mala: el enlace en los “…” se puede pasar por alto fácilmente. Especialmente para los usuarios con visibilidad limitada, puede ser fácil pasarlo por alto.

¿Sería posible simplemente agregar una etiqueta más explícita a este enlace?

4 Me gusta
2

Probablemente no puedas obtener el recuento “XY” sin una codificación más compleja, pero añadir este CSS personalizado debería mejorar tu situación:

dd.groups:last-child > a::after {
  content: 'y más';
}

group_css

No he probado este CSS exhaustivamente en todo el sitio, pero en una revisión puntual parece actuar solo sobre el enlace de grupos en la página de perfil. Por favor, avisa si aparece en algún lugar donde no deba.

(Además, estoy de acuerdo en que la descubribilidad de ... no es buena, y un cambio en esta línea en el núcleo sería bienvenido).

1 me gusta
3

De hecho, incluso escribir “y más” sería una mejora, aunque parezca bastante extraño sin eliminar los puntos.

Parece que no forman parte de algún mensaje de localización, sino que están codificados aquí:

1 me gusta
4

¿Qué tal esto?

  • Primero añadimos una coma después del último enlace con nombre
  • Luego ocultamos los ...
  • Luego insertamos el texto and more — y lo ajustamos un poco porque el espacio para los ... sigue ahí técnicamente
  • (También añadimos selectores más específicos para evitar posibles conflictos en otros lugares)
.user-main .about .secondary dd.groups span:last-of-type::after {
  content: ",";
}

.user-main .about .secondary dd.groups:last-child > a {
  visibility: hidden;
}


.user-main .about .secondary dd.groups:last-child > a::after {
  visibility: visible;
  margin-left: -.8rem;
  content: "and more";
}

image

Probablemente haya una forma más elegante de eliminar los ... del flujo por completo, pero el margen negativo parece funcionar bien.

1 me gusta