Badge d'auteur sur les publications du propriétaire du sujet

Dev
1

Bonjour,

Ce sera vraiment bien d’avoir de grands sujets… où les utilisateurs savent quand le créateur du sujet (OP) répond. Un badge « Auteur » apparaît sur les réponses de l’OP…

Je l’ai réalisé avec du CSS, mais je pense que cela pourrait être une fonctionnalité principale ou un composant de thème. :slight_smile:

Je cible la classe .topic-owner, mais je suis sûr qu’il existe une méthode plus élégante. Comme ceci :arrow_down:

Merci ! :slight_smile:

Sur ordinateur, je cible la classe .names

.topic-owner article .row .topic-body .topic-meta-data .names::after {
    content: "Auteur";
    color: var(--secondary);
    background: var(--secondary-medium);
    padding: 0px 8px;
    border-radius: 8px;
}
// Masquer dans les messages intégrés
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
    content: "";
}

Cela ressemble à ceci :arrow_down:

Screen Shot 2020-12-02 at 10.07.49 AM

Sur mobile, je cible la classe .first

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

Cela ressemble à ceci :arrow_down:
Screen Shot 2020-12-02 at 10.14.00 AM

Si vous voulez le voir en direct :arrow_down: J’ai simplement choisi un sujet de mon site. La seule différence est que le libellé « Auteur » est en hongrois.

2

C’est plutôt cool. Ton forum est-il public ? Peux-tu modifier ton message et ajouter un lien vers ce sujet ?

3

Bonjour @pfaffman,
J’ai ajouté le lien. Merci :slight_smile:

4

Vous voudrez peut-être envisager de l’omettre dans le premier message, car celui-ci proviendra toujours du créateur du sujet !

Édition CSS :

5

Merci Kane ! C’est un bon point, je vais l’utiliser :heart::slightly_smiling_face:

6

Petite mise à jour ! :slight_smile:

Bureau :arrow_down:

// Propriétaire du sujet

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

Mobile :arrow_down:

// Propriétaire du sujet

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

Liaison croisée du nouveau composant thématique :partying_face: