Come visualizzare l'avatar dell'OP nell'ultima colonna della categoria

Supporto
1

Voglio visualizzare l’avatar dell’OP nella colonna più recente della categoria.
Qui

Immagine
Immagine2526×1378 327 KB

Ho letto alcune documentazioni su come creare un componente e ho provato a farlo imitando Avatar dell’OP su mobile.

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

Grazie per il tuo aiuto.:heart:

2

Sto commentando questo perché lo voglio anche io!!! Mi sta facendo impazzire non poter apportare questa modifica…

3

Puoi provare questo CSS:

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

image
image1134×899 83.8 KB

Puoi puntare ad altre colonne e impostare il loro order purché abbiano display: flex; (se vuoi, ad esempio, mettere l’avatar tra l’ultima attività e il nome dell’argomento).

4

@Canapin Ha spostato le immagini dell’avatar a destra, ma sta ancora mostrando l’avatar del poster più recente, invece di quello del poster originale…

Screen Shot 2022-01-25 at 1.45.56 PM
Screen Shot 2022-01-25 at 1.45.56 PM2412×1326 302 KB

5

C’è un Theme component che mostra Topic Author invece dell’autore più recente.

7

Mi dispiace, ho frainteso la tua richiesta.

8

Se si desidera modificare solo la pagina Categoria e non si desiderano le altre modifiche che verranno apportate da Discourse Topic Author, è possibile sovrascrivere 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 qualcosa di simile a quanto segue nel tuo tema:


    {{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>

Ma si sovrascriverà un modello, quindi se dovesse cambiare nel core, spetterà a te mantenerlo aggiornato.

9

@Moin @saquetim Grazie!!