Autoren-Abzeichen auf Themenbesitzer-Posts

Entwickler
1

Hallo,

Es wird wirklich großartig sein, große Themen zu haben… wo Nutzer wissen, wann der Ersteller (OP) antwortet. Ein „Author"-Badge erscheint bei OP-Antworten…

Ich habe dies mit CSS umgesetzt, aber ich denke, dies könnte eine Kernfunktion oder ein Theme-Komponente sein. :slight_smile:

Ich zielt auf die Klasse .topic-owner ab, aber ich bin mir sicher, dass es einen eleganteren Weg gibt. So wie hier :arrow_down:

Vielen Dank! :slight_smile:

Auf dem Desktop zielt ich auf die Klasse .names ab

.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;
}
// Von eingebetteten Beiträgen ausblenden
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
    content: "";
}

Sieht so aus :arrow_down:

Screen Shot 2020-12-02 at 10.07.49 AM

Auf Mobilgeräten zielt ich auf die Klasse .first ab

.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;
}

Sieht so aus :arrow_down:
Screen Shot 2020-12-02 at 10.14.00 AM

Wenn Sie es live sehen möchten :arrow_down: Ich habe gerade ein Thema von meiner Seite ausgewählt. Die einzige Änderung: Das „Author"-Label ist auf Ungarisch.

2

Das ist ziemlich cool. Ist dein Forum öffentlich? Kannst du deinen Beitrag bearbeiten und einen Link zu diesem Thema hinzufügen?

3

Hallo @pfaffman,
ich habe den Link hinzugefügt. Danke :slight_smile:

4

Vielleicht solltest du das im ersten Beitrag weglassen, da dieser immer vom Themenersteller stammt!

CSS-Edit:

5

Danke, Kane! Das ist ein guter Punkt, den ich nutzen werde :heart::slightly_smiling_face:

6

Kleines Update! :slight_smile:

Desktop :arrow_down:

// Themeninhaber

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

Mobil :arrow_down:

// Themeninhaber

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

Verknüpfung der neuen Theme-Komponente :partying_face: