MD 话题列表移动组件

在我对 桌面版主题列表页面 进行小幅重新设计之后,我又基于类似理念开发了移动版本,包括为主题标题留出更大空间、添加包含更多信息的第二行,以及专门用于显示最新帖子的列。


兼容性

此主题组件兼容标签、精选链接功能,以及 原始主题列表版本 中的所有可用功能。任何分类样式展示(项目符号、条形、框式)都应能与此组件配合使用。

该主题组件已在几种配色方案上进行了测试,适用于浅色、中性或深色主题。

遗憾的是,如果某些插件(如“主题列表预览”)已经修改了主题列表的展示方式,此主题组件可能无法正常工作。

如有任何问题,请随时告知!

21 个赞

Nice Plugin. Though a general Reccommendation can we have Theme & Components list min Discourse version? I am on Stable branch but do have a test sandbox for 2.5beta. @codinghorror?

I just did a specific branch for older versions.

When installing, use the link https://github.com/iunctis/md-topic-list-mobile the advanced options and add older-discourse

You’ll know if it works if the avatars on the right column works fine. In a few weeks, when the avatars will be broken, you’ll just have to reinstall the component without using the advanced option

2 个赞

A direct comparison:

Default / Component

I like the fact that the last poster avatar is on the right.
On the default mobile layout, the big avatar just on the left of the topic title screams “author”.

Just out of curiosity, I looked at the scss file, any reason for which you didn’t use nested syntax provided by scss?

7 个赞

Tried the advanced option. Still says disabled req 2.5 beta2

Mostly because I make more mistakes with nested syntax on css :grimacing:

But I could rewrite it in a few weeks when I’m more confident with the topic list design

@Heliosurge I edited the about.json file, it should be ok now

3 个赞

Thank you for your awesome work. :beers::sunglasses::+1::sparkles:

2 个赞

I pushed a little upgrade just now. No new feature but I added the compatibility with the new thumbnails functions.

The theme component is now fully compatible with these components:

4 个赞

I love it, so clean. @Steven I was wondering if its possible too add with CSS this native feature when you click in total replies?

Not with css but the template can be corrected.

I personally only use this feature to access the first post but I shouldn’t impose my way of navigating to everyone. I’ll see if I can reinstore the feature

2 个赞

I upgraded the component to reinstore this feature, I tested on two supports but if there’s any issue let me know

2 个赞

Hey @Steven, it seems that the new messages notifications are shown twice. Once on the right of the topic title, once instead of the reply counter. Is that a bug or am I missing something here?

Very nice mobile topic view by the way. My users like it.

1 个赞

It must come from the last update with the topic entrance button. I think it’ll be better to go back to the previous version. It’s not really adapted to the component.

I’ll upgrade in a few minutes

edit: Upgraded just now, let me know if it’s better

1 个赞

Yes it works perfectly now, thank you it was fast :slight_smile:

1 个赞

我认为你应该移除在标签列表前添加的标签表情符号:

它在不同的操作系统上看起来不一样:

image

它可能不符合论坛的设计,并且应该尊重桌面端的设计选择(默认情况下没有图标)。

如果你真的使用 标签图标组件 添加了标签图标,效果会像这样:

image

所以我用 CSS 隐藏了表情符号,但我认为它一开始就不应该存在 :slight_smile:

这是我论坛当前的显示效果:

image

.md-tlm .discourse-tags::before {
    display: none;
}
.md-tlm .tl-replies {
    margin-right: 8px;
}
1 个赞

Thanks for the feedback, I have major internet issues so I’m a bit behind on all discourse work.

I like the idea of the tag icon or emoji, but I’ll probably change the two theme components to a d-icon tag. At the same time, I’ll create a branch without any icon for a compatibility with the tag icons component

1 个赞

您好 Steven!

Discourse 当前版本似乎存在一些布局问题。

我创建了一个空主题,并仅包含了 MD Topic List Mobile Component,这似乎确实是问题所在。

这是移动视图:

边距/内边距有些奇怪。

2 个赞

好的,我马上就去看看。

我将尝试重写模板以移除尽可能多的自定义类,我认为这对于核心正在进行的重新设计来说是最好的。

编辑:新的提交,我重写了模板和样式表,以便将来更容易更新。

如果您有任何问题,请告诉我 @Canapin

4 个赞

太好了。谢谢!

1 个赞

可以在回复计数旁边添加总主题点赞数和浏览量吗?

2 个赞