Insignia de autor en publicaciones del propietario del tema

Desarrollador
1

Hola,

Sería realmente bueno para temas importantes… donde los usuarios sepan cuándo responde el OP. Aparecería una insignia de Autor en las respuestas del OP…

Lo hice con CSS, pero creo que esto podría ser una característica principal o un componente de tema. :slight_smile:

Apunto a la clase .topic-owner, pero estoy seguro de que hay una forma más elegante. Así :arrow_down:

¡Gracias! :slight_smile:

En escritorio apunto a la clase .names

.topic-owner article .row .topic-body .topic-meta-data .names::after {
    content: "Autor";
    color: var(--secondary);
    background: var(--secondary-medium);
    padding: 0px 8px;
    border-radius: 8px;
}
// Ocultar de publicaciones incrustadas
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
    content: "";
}

Se ve así :arrow_down:

Screen Shot 2020-12-02 at 10.07.49 AM

En móvil apunto a la clase .first

.topic-owner article .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;
}

Se ve así :arrow_down:
Screen Shot 2020-12-02 at 10.14.00 AM

Si quieres verlo en vivo :arrow_down: Acabo de elegir un tema de mi sitio. El único cambio es que la etiqueta de Autor está en húngaro.

2

Eso es bastante genial. ¿Es público tu foro? ¿Puedes editar tu publicación y agregar un enlace a ese tema?

3

Hola @pfaffman,
He añadido el enlace. Gracias :slight_smile:

4

Quizás quieras considerar omitir esto en el primer post, ¡porque eso siempre provendrá del creador del tema!

Edición de CSS:

5

¡Gracias, Kane! Es un buen punto, lo usaré :heart::slightly_smiling_face:

6

¡Pequeña actualización! :slight_smile:

Escritorio :arrow_down:

// Propietario del tema

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

Móvil :arrow_down:

// Propietario del tema

.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

Vinculación del nuevo componente temático :partying_face: