Gracias por la información ![]()
Si tienes habilitado priorizar nombre de usuario en ux, los nombres de usuario se mostrarán en cada publicación si el nombre de usuario y el nombre completo del usuario son los mismos.
Y te quedarás atascado si quieres ocultar los nombres de usuario solo con CSS porque no puedes apuntar a elementos anteriores.
Por ejemplo, tendrás dos publicaciones que tienen:
-
nombre de usuario
- contenido de la publicación
-
nombre de usuario nombre completo
- contenido de la publicación
Y no podrás ocultar los nombres de usuario solo para los usuarios que tengan un nombre completo diferente a su nombre de usuario, porque el nombre de usuario se muestra antes del nombre completo.
Es un poco complicado de explicar ![]()
Entonces, si quieres una solución solo con CSS, necesitarás deshabilitar priorizar nombre de usuario en ux y usar el siguiente CSS:
.names {
.full-name +.username {
display: none;
}
}
En cuanto al título debajo del nombre, puedes usar este CSS actualizado:
.topic-meta-data .names {
flex-wrap: wrap;
.user-title {
width: 100%;
order: 1;
}
}
El order: 1; evita que el emoji de estado del usuario esté al lado del título y lo mantiene al lado del nombre completo:
Si combino todo este CSS, aquí está el resultado.
Antes:
.topic-meta-data .names {
flex-wrap: wrap;
.full-name +.username {
display: none;
}
.user-title {
width: 100%;
order: 1;
}
}
Después:

