Mostrar titular de perfil en las publicaciones

Gracias por la información :slight_smile:

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:

  1. nombre de usuario

    • contenido de la publicación
  2. 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 :sweat_smile:

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:

3 Me gusta