manuel
(Manuel Kostka)
1
|||
|-|-|-|
|
| 摘要 | 为一组预定义的颜色样式分配标签 |
|
|代码库| Manuel Kostka / Discourse / Helpers / Tag Styles · GitLab |
|
|安装指南|如何安装主题或主题组件|
|
|初次使用 Discourse 主题?| Discourse 主题使用入门指南
主题设置
您可以为每种颜色从下拉列表中选择标签。
站点设置
该组件应与标签样式 box 一起使用。对于 simple 或 bullet 样式,您需要添加一些自定义声明来调整标签。
自定义颜色
我在样式方面选择了简单的界面而不是灵活性。因此,如果您想更改预定义的颜色,则需要 fork 该组件并在其 CSS 文件中更改样式声明。
24 个赞
Fma965
(Fma965)
2
干得好,这仅在标签样式设置为 BOX 时才有效
删除 .box 使其在 simple 上可用,但不确定这是否会破坏 box

manuel
(Manuel Kostka)
5
感谢您的建议!
关于定位标签组:目前标签只有一个用于其名称的数据属性,组件也以此为目标。我之前发布了一个关于添加另一个用于其组的属性的功能请求,您可以点赞 
关于自定义颜色:目前您需要 fork 该组件并硬编码其他颜色值。如果下拉菜单(用于选择标签)在弹出式编辑器中可用,我想我会用更多可自定义的设置重构该组件。
2 个赞
编辑: 算了,我只是忘了保存另一个“settings.yml”文件,哈哈。脑子快烧了。
你好。当我把代码从黄色改成紫色时,我得到了这个错误。我所做的只是简单地将任何提到“yellow”的地方换成“purple”并调整十六进制颜色值。为什么?

$tags-purple: str-to-list(\"#{$purple}\", \"|\");
@each $tag in $tags-purple {
.discourse-tag[data-tag-name=\"#{$tag}\"] {
color: #CCCCCC !important;
background-color: #ae00d1;
&#:hover {
color: #CCCCCC;
background-color: #ae00d1;
}
}
}
这里的第一行是错误提到的第 8 行。
1 个赞
是否可以选择所有群组标签的颜色?
并且不会影响我的 discourse!
我也是
您好,此组件在我的实例上无法正常工作。我已在管理员菜单中添加了用于组件的特定颜色标签,但它们仍然是灰色的。我没有修改过组件代码,只是按原样使用。下面是示例图片:
1 个赞
manuel
(Manuel Kostka)
10
抱歉,我无法复现。在 3.5 版本上对我来说是可以的。
无论如何,我已将一个更新的组件发布到一个 GitLab 上的新仓库。没有功能性更改,只是进行了一些整理和重构。旧的 GitHub 仓库应该仍然可用,但如果您是全新安装,请使用新仓库,它也列在“摘要”主题中。
你提供的那个组件的新版本对我来说也不好用……那些框仍然是灰色的
1 个赞
manuel
(Manuel Kostka)
12
是的,没有功能上的变化。但该组件在新实例上运行。您检查过元素吗?
抱歉,我不是编程专家……如果一个组件不能即插即用,我基本上就完蛋了。我只能寻找其他方法来实现类似的功能。
manuel
(Manuel Kostka)
16
感谢您的报告,我想我找到了问题所在……标签现在区分大小写,但 data-tag-name 需要解析为小写值。因此,它不会将样式应用于大写标签。
更新组件后,请告知我是否有效 @Ahmed26 @Av8tion
2 个赞
干得漂亮,发现得很棒!感谢您为我们完成这些工作付出的辛勤努力!
4 个赞