主题卡片

您可以创建一个新组件并将其添加到您的主题中

2 个赞

大家好

我分叉了 TC 并进行了一些修改,添加了一些新功能:

  • 没有缩略图时的占位符
  • 为桌面/移动设备选择网格和列表样式
  • 更精细化的尺寸控制
  • 更精细化的边框半径控制

您可以在仓库中找到详细信息:GitHub - jrgong420/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.

:warning: 披露:此分叉是在 AI 编码工具的帮助下计划、实施和测试的。请自行承担风险。

1 个赞

您能提供几个屏幕截图(SS)来演示列表和网格视图,以及您可能添加的其他功能吗?

嘿,各位,还有 @Heliosurge

与此同时,我们对主题组件进行了大量的重新设计和扩展,增加了大量新功能,对所有组件进行了全面重构,并进行了广泛的结构调整。

此外,我们还添加了一些新功能。请在这里查看:

3 个赞

当启用“显示建议主题”时,在使用相关主题时,它似乎与标题不能很好地协同工作。

请创建一个用于设置移动端卡片最大高度的选项。

在使用主题卡片组件时,是否可以重新添加批量操作功能?我用一些 CSS 调整隐藏了它,但它的用户体验不太好 :sweat_smile: 最好是默认包含在组件中。

哦,我输入这段话的时候向上滚动了一下,发现这个请求已经被提过了。有没有关于是否可以实现它的想法?

这是我用来使其至少可用(尽管不美观)的 CSS:

.topic-cards-list .topic-list-header {
  display: block;

  .topic-list-data.posters,
  .topic-list-data.posts,
  .topic-list-data.views,
  .topic-list-data.activity {
    display: none;
  }

  .topic-list-data.default > span:not([class]) {
    display: none; // 移除没有 span 类的“Topic”多余文本
  }
}

.topic-list-body {
  tr.bulk-selecting.topic-card {
    gap: 0; // 移除复选框和主题卡片其余部分之间的大间距
  }
}

感谢提供这个组件。它在我们的网站上承担了大量工作,我们非常感激。

有一个请求。我们运营的是一个成员使用真实姓名的社区,因此我们将 UX 中的“优先显示用户名”设置为关闭,并将帖子中的“显示名称”设置为开启。现在,帖子、用户卡片和个人资料中都能正确显示全名。唯一仍然显示 @用户名 的地方是主题卡片上的作者。

是否可以添加一个设置,让卡片作者遵循站点的名称显示设置,显示成员的全名,并在未设置名称时回退到用户名?

很乐意在我们的实例上测试任何更改并反馈结果。再次感谢您构建和维护它。

2 个赞

当然可以!理想情况下,我们应在大多数显示用户名的地方支持此功能。我刚刚在此处添加了该功能:FEATURE: support prioritizing real names - Pull Request #84 - discourse/discourse-topic-cards - GitHub — 因此,在您更新组件后,应该就能看到真实姓名了。

2 个赞

太棒了,Kris,谢谢。Bronwyn

1 个赞