Steven
2019 年 5 月 14 日午後 1:59
1
Discourseフォーラム用の、より軽やかなトピックリストのプレゼンテーションです。投稿者カラムは削除されましたが、アクティビティカラムとトピックタイトルの下に(トピック作成者の名前とタグ用の小さな絵文字を含む)最後の投稿者の名前とアバターなどの情報が追加されています。
互換性
このテーマコンポーネントは、タグ機能、注目リンク機能、および元のトピックリストバージョン で利用可能なすべての機能と互換性があります。カテゴリスタイルのプレゼンテーション(箇条書き、バー、ボックス)であれば、このコンポーネントと問題なく動作するはずです。
このテーマコンポーネントはいくつかの色パレットでテストされており、ライト、ニュートラル、ダークのいずれのテーマでも動作します。
残念ながら、トピックリストのプレゼンテーションを既に変更しているプラグイン(トピックリストプレビューなど)とは互換性がない可能性があります。
問題が発生した場合は、お気軽にお知らせください!
「いいね!」 29
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
Relative-date below
「いいね!」 2
Steven
2019 年 9 月 29 日午前 10:22
4
It’s not a bad idea actually, I might use this by default
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
Steven
2019 年 10 月 2 日午後 10:50
5
I tried this change on my forum and I think it’s a good idea, I pushed an upgrade
If you prefer what we previously used, let me know, I can make an alternate version
「いいね!」 6
@Steven did it stoped working with the last update? Its broke here.
「いいね!」 1
Steven
2019 年 11 月 29 日午前 11:48
7
I didn’t notice yet, I usually do my upgrades on the weekend, I’ll check this tonight
Steven
2019 年 11 月 29 日午後 5:29
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
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?
Steven
2019 年 11 月 30 日午後 9:04
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
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.
Looks awesome on my forum and the little tag emoji is nice haha, awesome work!
「いいね!」 2
Using this too on my instance. Looks so much cleaner. I never understood the concept of the 5 avatars, looks so cluttered.
「いいね!」 1
最新の Discourse バージョン(2.5.0.beta2)にアップデートしましたが、投稿内のユーザーアバターが表示されなくなりました。
フォーラムリンク: https://techscammersunited.com/
「いいね!」 1
Steven
2020 年 3 月 26 日午前 1:51
15
明日確認します。数日前に更新したときは問題なかったのですが、何か変更があったのかもしれません。
「いいね!」 3
Steven
2020 年 3 月 26 日午後 1:28
16
ご報告ありがとうございます。現在は修正済みです。コンポーネントをアップグレードして、再度有効化してください。
「いいね!」 3
最新バージョンにアップデートしたところ、アバターが表示されなくなりました(2.4.1)。
当面はこのコンポーネントを無効にする必要があります。
Steven
2020 年 3 月 27 日午後 12:58
20
Discourse もアップグレードすれば、問題が解決します。
「いいね!」 2
私にとっては、それは多くのアップグレード(18 のカスタムプラグイン)を意味するので、私は3〜4ヶ月に1回更新する傾向があります。運が悪かったようです