Badge autore sui post del proprietario del topic

Sviluppatore
1

Ciao,

Sarà davvero utile per argomenti di grandi dimensioni… dove gli utenti sanno quando risponde l’OP. Apparirà un badge “Autore” sulle risposte dell’OP…

L’ho realizzato con CSS, ma penso che potrebbe essere una funzionalità di base o un componente del tema. :slight_smile:

Ho selezionato la classe .topic-owner, ma sono certo che esista un modo più elegante. Come questo :arrow_down:

Grazie! :slight_smile:

Su desktop ho selezionato la classe .names

.topic-owner article .row .topic-body .topic-meta-data .names::after {
    content: "Author";
    color: var(--secondary);
    background: var(--secondary-medium);
    padding: 0px 8px;
    border-radius: 8px;
}
// Nascondi dai post incorporati
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
    content: "";
}

Ecco come appare :arrow_down:

Screen Shot 2020-12-02 at 10.07.49 AM

Su mobile ho selezionato la classe .first

.topic-owner article .row .topic-body .topic-meta-data .names .first::after {
    content: "Author";
    color: var(--secondary);
    background: var(--secondary-medium);
    margin-left: 4px;
    padding: 0px 8px;
    border-radius: 6px;
}

Ecco come appare :arrow_down:
Screen Shot 2020-12-02 at 10.14.00 AM

Se vuoi vederlo in azione :arrow_down: ho appena scelto un argomento dal mio sito. L’unica differenza è che l’etichetta “Author” è in ungherese.

2

È davvero figo. Il tuo forum è pubblico? Puoi modificare il tuo post e aggiungere un link a quell’argomento?

3

Ciao @pfaffman,
ho aggiunto il link. Grazie :slight_smile:

4

Potresti considerare di ometterlo nel primo post, poiché quello proviene sempre dal creatore dell’argomento!

Modifica CSS:

5

Grazie Kane! È un buon punto, lo userò :heart::slightly_smiling_face:

6

Piccolo aggiornamento! :slight_smile:

Desktop :arrow_down:

// Proprietario dell'argomento

.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names::after {
  content: "Autore";
  color: var(--secondary);
  font-weight: bold;
  background: var(--secondary-medium);
  padding: 0px 8px;
  border-radius: 8px;
  line-height: normal;
}

Mobile :arrow_down:

// Proprietario dell'argomento

.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names .first:after {
  content: 'Autore';
  color: var(--secondary);
  background: var(--secondary-medium);
  margin-left: 4px;
  padding: 0px 8px;
  border-radius: 6px;
  line-height: normal;
}
7

Collegamento incrociato del nuovo componente del tema :partying_face: