Inserire testo sotto username?

Sviluppatore
1

C’è un modo per inserire una riga di testo sotto i nomi utente? Idealmente, vorrei che apparisse sotto il nome utente di tutti.

usernamebelow
usernamebelow453×121 23.6 KB

Il CSS che ho usato per ottenerlo è:

.username::after {
    content: 'website.com';
    font-size: 14px;
}

Ma ovviamente vorrei che apparisse sotto. Grazie!

2

Funzionerebbe per te?

image
image1536×266 36.8 KB

.topic-meta-data .names {
  flex-wrap: wrap;
}

.names::after {
  display: block;
  content: "hello world";
  font-size: 14px;
  width: 100%;
  flex: 1 0 100%;
  order: 4;
}

modifica: aggiunta la proprietà order per il mobile

3

Grazie! Funziona perfettamente sul desktop, ma per qualche motivo viene visualizzato sopra il nome utente sul cellulare.

4

Oh. Interessante. hanno una proprietà order aggiuntiva sul mobile.

Puoi aggiungere order: 4 all’elemento pseudo after e dovrebbe risolvere il problema.

5

Potresti ottenerlo con i Titoli Predefiniti dei Gruppi.

I gruppi possono avere titoli predefiniti che appaiono accanto al nome utente.

In questo modo puoi averne uno diverso per ogni Gruppo.

Potresti stilizzarli con CSS per farli apparire sotto, se lo desideri.

6

Funziona perfettamente, grazie!

7

Potresti anche usare l’API se hai bisogno di modificare il contenuto programmaticamente (per controllare l’utente, il post, ecc.).

Ad esempio:

api.decorateWidget("poster-name:after", (dec) => {
    // "dec.attrs" per accedere agli attributi del post
    return dec.h("div", "meta.discourse.org");
  });

.topic-meta-data .trigger-user-card {
    flex-direction: column;
    align-items: flex-start;
}

image