Cómo mostrar el avatar del OP en la última columna de la categoría

[scvoet]

I want to display OP avatar in latest column of the category.
Here

I had read some docs about how2create a component and tried to do it by imitating Mobile OP avatars.

https://github.com/scvoet/discourse-desktop-op-avatars

Thanks for your help.

[mallorycs (Mallory Smith)]

¡Estoy comentando esto porque yo también lo quiero! Me ha estado volviendo loca no poder hacer este cambio…

[Canapin (Coin-coin le Canapin)]

Puedes probar este CSS:

.latest-topic-list-item .topic-poster {
    order: 3;
    text-align: right;
}

Puedes apuntar a otras columnas y establecer su order siempre que tengan display: flex; (si quieres, por ejemplo, poner el avatar entre la última actividad y el nombre del tema).

[mallorycs (Mallory Smith)]

@Canapin Mueve las imágenes de avatar a la derecha, pero todavía muestra el avatar del publicador más reciente, en lugar del publicador original…

[Moin]

Hay un Theme component que muestra Topic Author en lugar del póster más reciente.

[Canapin (Coin-coin le Canapin)]

Lo siento, entendí mal lo que pedías.

[saquetim (Sérgio Saquetim)]

Si solo desea cambiar eso en la página de Categoría y no desea los otros cambios que realizará el Autor del Tema de Discourse, puede anular components/latest-topic-list-item

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/components/latest-topic-list-item.hbs

Con algo como lo siguiente en su tema:

<script type="text/x-handlebars" data-template-name="components/latest-topic-list-item">
    {{plugin-outlet name="above-latest-topic-list-item" connectorTagName="div"}}
    <div class="main-link">
      <div class="top-row">
        {{raw "topic-status" topic=topic}}
        {{topic-link topic}}
        {{#if topic.featured_link}}
          {{topic-featured-link topic}}
        {{/if}}
        {{topic-post-badges unreadPosts=topic.unread_posts unseen=topic.unseen url=topic.lastUnreadUrl}}
      </div>
      <div class="bottom-row">
        {{category-link topic.category}}{{discourse-tags topic mode="list"}}{{! intentionally inline to avoid whitespace}}
      </div>
    </div>
    <div class="topic-stats">
      {{raw "list/posts-count-column" topic=topic tagName="div"}}
      <div class="topic-last-activity">
        <a href={{topic.lastPostUrl}} title={{topic.bumpedAtTitle}}>{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a>
      </div>
    </div>
    <div class="topic-creator">
      {{#user-link user=topic.creator}}
        {{avatar topic.creator imageSize="large"}}
      {{/user-link}}
      {{user-avatar-flair user=topic.creator}}
    </div>
</script>

Pero anulará una plantilla, por lo que si alguna vez se cambia en el núcleo, depende de usted mantenerla actualizada.

[mallorycs (Mallory Smith)]

@Moin @saquetim ¡¡Gracias!!