Wie man OP-Avatar in der neuesten Spalte der Kategorie anzeigt

Unterstützung
1

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

图片
图片2526×1378 327 KB

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.:heart:

1 „Gefällt mir“
2

Ich kommentiere das, weil ich das auch haben möchte!!! Es macht mich wahnsinnig, dass ich diese Änderung nicht vornehmen kann…

3

Sie können dieses CSS ausprobieren:

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

image
image1134×899 83.8 KB

Sie können auch andere Spalten ansprechen und deren order festlegen, solange sie display: flex; haben (wenn Sie zum Beispiel den Avatar zwischen die letzte Aktivität und den Namen des Themas setzen möchten).

3 „Gefällt mir“
4

@Canapin Es verschob die Avatar-Bilder nach rechts, zeigt aber immer noch den Avatar des letzten Posters an, anstatt des ursprünglichen Posters…

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

5

Es gibt eine Theme component, die Topic Author anstelle des letzten Posters anzeigt.

2 „Gefällt mir“
7

Entschuldigung, ich habe missverstanden, wonach Sie gefragt haben.

1 „Gefällt mir“
8

Wenn Sie nur die Kategorie-Seite ändern möchten und nicht die anderen Änderungen, die der Discourse Topic Author vornimmt, können Sie components/latest-topic-list-item überschreiben.

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

Mit etwas Ähnlichem wie unten in Ihrem Theme:


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

Aber Sie werden eine Vorlage überschreiben. Wenn diese jemals im Kern geändert wird, liegt es an Ihnen, sie auf dem neuesten Stand zu halten.

4 „Gefällt mir“
9

@Moin @saquetim Danke!!