Grazie per le informazioni ![]()
Se hai abilitato prioritize username in ux, i nomi utente verranno mostrati su ogni post se il nome utente e il nome completo dell’utente sono uguali.
E rimarrai bloccato se vuoi nascondere i nomi utente solo con CSS perché non puoi selezionare gli elementi precedenti.
Ad esempio, avrai due post che hanno:
-
nome utente
- contenuto del post
-
nome utente nome-completo
- contenuto del post
E non sarai in grado di nascondere i nomi utente solo per gli utenti che hanno un nome completo diverso dal loro nome utente, perché il nome utente viene visualizzato prima del nome completo.
È un po’ complicato da spiegare ![]()
Quindi, se desideri una soluzione solo CSS, dovrai disabilitare prioritize username in ux e utilizzare il seguente CSS:
.names {
.full-name +.username {
display: none;
}
}
Per quanto riguarda il titolo sotto il nome, puoi utilizzare questo CSS aggiornato:
.topic-meta-data .names {
flex-wrap: wrap;
.user-title {
width: 100%;
order: 1;
}
}
L’order: 1; impedisce che l’emoji di stato dell’utente sia accanto al titolo e la mantiene accanto al nome completo:
Se combino tutto questo CSS, ecco il risultato.
Prima:
.topic-meta-data .names {
flex-wrap: wrap;
.full-name +.username {
display: none;
}
.user-title {
width: 100%;
order: 1;
}
}
Dopo:

