Mostra l'intestazione del profilo nei post

Grazie per le informazioni :slight_smile:

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:

  1. nome utente

    • contenuto del post
  2. 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 :sweat_smile:

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:

3 Mi Piace