MD Topic List-Komponente

Anpassung Themenkomponente
1

Das Bild zeigt einen Beispiel-Screenshot einer Diskussionsforum-Schnittstelle mit verschiedenen Themen, einschließlich eines Willkommens-Threads, zentraler Fragen, Richtlinien und einer Dropdown-Option zum Bearbeiten von Themen. (Von KI beschriftet)
Das Bild zeigt einen Beispiel-Screenshot einer Diskussionsforum-Schnittstelle mit verschiedenen Themen, einschließlich eines Willkommens-Threads, zentraler Fragen, Richtlinien und einer Dropdown-Option zum Bearbeiten von Themen. (Von KI beschriftet)1093×571 106 KB

Eine leichtere Darstellung der Themenliste für Ihr Discourse-Forum. Die Spalte „Poster“ wurde entfernt, aber einige Informationen wurden in der Spalte „Aktivität“ und unter dem Titel des Themas hinzugefügt (Name des letzten Posters, Name des Erstellen des Themas und ein kleines Emoji für die Tags).


Kompatibilität

Diese Theme-Komponente ist kompatibel mit den Funktionen „Tags“ und „Ausgewählte Links“ sowie mit allen Funktionen, die in der ursprünglichen Version der Themenliste verfügbar sind. Jede Kategorie-Darstellungsart (Punkt, Balken, Box) sollte mit dieser Komponente funktionieren.

Die Theme-Komponente wurde an einigen Farbpaletten getestet und funktioniert mit hellen, neutralen oder dunklen Themes.

Leider funktioniert die Theme-Komponente möglicherweise nicht mit Plugins, die bereits die Darstellung der Themenliste ändern, wie z. B. „Topic List Previews“.

Lassen Sie mich wissen, falls Sie Probleme haben!
:eyeglasses: Vorschau md-topic-list - Vorschau
:hammer_and_wrench: Repository md-topic-list
:question: Installationsanleitung Wie man ein Theme oder eine Theme-Komponente installiert
:open_book: Neu bei Discourse-Themes? Anfängerleitfaden zur Verwendung von Discourse-Themes
29 „Gefällt mir“
MD Topic List Mobile component
Username of user below topics
Improvements i want for my discourse for making it less overwhelming/noisy for newcomers
Graceful Theme
Topic Author
Our custom "Dark Theme" is broken. Has light theme elements
How can I leave my home like this?
3

Love this component.
Is there any easy way to make the poster-info div exactly as in the screenshot?
I think this makes it more readable

Author name above :arrow_up:
Relative-date below :arrow_down:
image

2 „Gefällt mir“
4

It’s not a bad idea actually, I might use this by default :thinking:

But for now, you can edit the component, ib the header part, around line 60 to 69

Original

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
<br />
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
</div>

What you want to use

<div class='poster-avatar'>
<a href="{{topic.lastPostUr}}" data-user-card="{{topic.last_poster_username}}">{{avatar topic.lastPoster usernamePath="username" imageSize="medium"}}</a>
</div>
<div class='poster-info'>
<span class='editor'><a href="/users/{{topic.last_poster_username}}" data-auto-route="true" data-user-card="{{topic.last_poster_username}}">{{topic.last_poster_username}}</a></span>
<br />
<a href="{{topic.lastPostUrl}}">
{{format-date topic.bumpedAt format="tiny"}}
</a>
</div>

You’ll need to edit this after each update but the component will not be upgraded that much.

You could also fork the repository, edit the file and use this version on your forum, if you’re familiar with github

5 „Gefällt mir“
5

I tried this change on my forum and I think it’s a good idea, I pushed an upgrade

image
image.png963×314 20.1 KB

If you prefer what we previously used, let me know, I can make an alternate version

6 „Gefällt mir“
6

@Steven did it stoped working with the last update? Its broke here.

1 „Gefällt mir“
7

I didn’t notice yet, I usually do my upgrades on the weekend, I’ll check this tonight

8

I upgraded a forum and checked the logs, no issue for me.

Can you share a screenshot of the issue on your forum ? If I remember correctly you use a heavily customized theme, I think it might come from it. But I’ll see what I can do

3 „Gefällt mir“
9

I don’t use this theme anymore.

I tested in Material Design without CSS customizations, can’t make it work in any theme. Maybe it’s a plugin?

59
591138×250 42.4 KB

10

If you have Discourse topic previews for example the component will not work because it also uses change the topic-list-item.raw template

1 „Gefällt mir“
11

You’re right about it. But I only use it for News Plugin 📰, that requires the Topic Preview.

So I have to choose between then. :sleepy:

12

Looks awesome on my forum and the little tag emoji is nice haha, awesome work!

2 „Gefällt mir“
13

Using this too on my instance. Looks so much cleaner. I never understood the concept of the 5 avatars, looks so cluttered.

1 „Gefällt mir“
14

Just updated to the most recent ver of discourse ( 2.5.0.beta2 ) and it seems user avatars on posts have disappeared.

Forum link: https://techscammersunited.com/

ss
ss111×576 4.28 KB

1 „Gefällt mir“
15

I’ll check this tomorrow, I updated a few days ago, and it was fine, maybe something changed

3 „Gefällt mir“
16

Thanks for reporting, it is fixed now. You can upgrade the component and reactivate it

3 „Gefällt mir“
17

Ah, ty for the quick fix man! It’s working like a charm now :slight_smile:

19

I have updated to the newest version and my avatars are gone (2.4.1).
I had to disable this component for now.

20

You need to upgrade Discourse also and it will be fixed

2 „Gefällt mir“
21

Unfortunately for me, that means lots of upgrades (18 custom plugins) so I tend to update once every 3-4 months. I guess I am out of luck :smiley:

22

Anyway to access the previous version?