已解决主题徽章

安装此主题组件

你好 :waving_hand:

此主题组件为已解决和未解决的主题添加了样式选项。您可以设置自定义徽章和背景颜色。

默认情况下,它在主题列表页面上的外观如下 :arrow_down_small:
已样式化(标题前)

带背景


内联


已样式化(标题后)


主题标题、主题页眉
已样式化
Screenshot 2023-10-11 at 23.40.35


内联
Screenshot 2023-10-11 at 23.43.39


有许多设置可供您单独更改已解决和未解决问题的图标、文本和样式。

全局指示器设置 :arrow_down_small:

类型
– 已样式化(徽章)
– 内联(放置在标题前)

位置(已样式化)
– 标题前
– 标题后

边框半径
– 徽章圆角


已解决指示器设置

已解决指示器
– 使用 Unicode :check_mark:,但您也可以使用其他(例如表情符号)。它放置在标签之前。



已解决边框颜色
徽章有一个 1px 的透明边框,您可以使用此设置为其设置颜色。

启用已解决主题背景
启用此设置将激活其下方的背景字段,您可以在其中设置主题列表项的背景颜色。


未解决指示器设置

下方有相同的未解决指示器设置…

如果您想启用未解决指示器,请打开 Discourse Solved 插件设置中的“未解决问题的空框”。


待办事项:

– 尝试将其移至用作主题状态(将出现在主题状态出现的所有地方,并且允许使用自定义图标)

20 个赞

很棒的主题组件。唯一的小问题是“关于”类别帖子也标记为未解决。

1 个赞

您好 @Heliosurge :wave:

谢谢 :slight_smile:
从技术上讲,“关于主题”也是一个可解决的主题。如果您在 Discourse Solved 插件中启用了“未解决时显示空框”设置,那么空框将出现在主题列表的“关于主题”以及“关于主题”本身。要隐藏特定主题的未解决徽章,您必须将其关闭。

2 个赞

太棒了,谢谢!学到了新东西。

:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

1 个赞

感谢您的组件……

但是使用该组件
https://github.com/VaperinaDEV/discourse-solved-quote-

消息“已解决”未显示为绿色,组件不起作用…… :frowning:

是否无法让一个用于主题,一个用于消息的组件正常工作

你好 @barto_95 :waving_hand:

这两个组件应该可以正常协同工作,但正确的组件 URL 是:GitHub - VaperinaDEV/discourse-solved-quote-customization

2 个赞

你好 :waving_hand: 我已更新此主题组件以兼容 Glimmer 主题列表。:slightly_smiling_face: 感谢你的报告:Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

4 个赞

本月已删除旧主题列表。
可以移除该代码:

https://github.com/VaperinaDEV/solved-topic-badge/blob/main/javascripts/solved-badge.js#L12-L38


已提交一个快速的 PR:

6 个赞

抱歉,我忘了更新这个组件。谢谢 @Arkshine,我已经合并了。 :heart:
@ozkn,请更新组件。

4 个赞

此组件与 discourse-umbrella-groupswitchdisplay 不兼容,不能一起使用。发生了一个错误,可能会导致您的网站无法正常工作。

原因: 活动主题/组件之间的冲突。

单击此处以 更新重新配置禁用 该组件。

(此消息仅对网站管理员可见。)

谢谢更新。我已更新并尝试过,但仍然收到相同的错误。@Don

1 个赞

哦,是的,抱歉,我明白了。已在此处修复:FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub 请再次更新。 :slight_smile:

5 个赞

谢谢,现在一切正常,没有任何问题。

2 个赞

哎呀,抱歉!

2 个赞

各位,

更新到最新版本后:

3.5.0.beta8-dev (commit: 5eca6d826e)

我遇到了与 Discourse SolvedSolved Topic Badge 插件相关的视觉回归问题。

问题:

以前,已解决的主题在主题列表中会显示为绿色背景,而未解决的主题(等待解决方案)则显示为红色背景

现在,所有已解决的主题都不再显示绿色背景,即使该设置已启用。

详情:

截图(更新后):

预期:

已解决的主题应保留绿色背景,以获得更好的视觉清晰度。

如果这是回归问题,或者需要任何新的 CSS 更改来恢复此行为,请告知我。

1 个赞

我认为这发生在您阅读过的主题上,因为在以下更改中:
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
这为已访问的主题添加了单独的背景颜色。

您可能可以用自己的 CSS 来修复它,直到主题组件被调整,但我现在无法检查。

对于非 official 的组件问题,通常应在主题中报告。

2 个赞

谢谢 Moin!

我设法使用自定义 CSS 修复了它:

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

抄送:@sam @j.jaffeux

@Don 由于最近向核心添加了变量,您可能需要稍微调整一下组件,以便背景颜色能够正常工作,即使某个主题已被访问过。

3 个赞

你好 :waving_hand: 感谢你的报告!这是更新:UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

4 个赞

您好 @Don 我注意到已注销用户的彩色背景未显示。
并且 aside.quote.accepted-answer```blockquote 的背景颜色未采用已解决徽章的颜色,是否有办法调整它?