类别图标

自定义 主题组件
, ,
107

大家好——我已经安装了插件，但似乎找不到在哪里配置它？

它与 2.6.0.beta2 兼容吗？

这是我的 app.yml 文件：

hooks:
  after_code:
    - exec:
	cd: $home/plugins
        cmd:
          - git clone https://github.com/discourse/docker_manager.git
  ##        - git clone https://github.com/discourse/discourse-adplugin.git
  ##        - git clone https://github.com/discourse/discourse-solved.git
  ##        - git clone https://github.com/discourse/discourse-akismet.git
  ##        - git clone https://github.com/discourse/discourse-bbcode.git
  ##        - git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
  ##        - git clone https://github.com/tshenry/discourse-versatile-banner.git
          - git clone https://github.com/discourse/discourse-category-icons.git

## 构建后运行的任何自定义命令

我已经重新构建，但在管理面板的任何地方都看不到配置选项？

请帮忙。

1 个赞
108

你好，这不是一个插件！这是一个主题组件。

请阅读如何安装主题组件：Installing a theme or theme component

编辑：这些也是主题组件，因此请按以下方式安装：↑

- git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
- git clone https://github.com/tshenry/discourse-versatile-banner.git
6 个赞
109

谢谢，Don，你真是个明星——看得出来，你刚接触这个平台。

Ant

2 个赞
110

你好，我刚提交了一个 PR，用于添加一个新选项 catcol，以便指定图标颜色。该选项会让图标自动采用对应类别的颜色（即类别条纹中显示的颜色，可在“编辑类别 | 常规 | 背景颜色”中设置）。

示例：test,hands-helping,catcol,partial

此功能在与部分名称匹配结合使用时最为实用。例如，所有 slug 中包含 “test” 的类别都可以使用同一个图标，但每个图标会自动采用其所属类别的颜色，而不是全部使用同一颜色。此外，这也为一次性图标（精确匹配）提供了一种快速替代方案：无需单独选择颜色，直接使用类别颜色即可。

此外，该功能还将与一项拟议的新选项配合使用，使图标能够替换类别条纹，同时保留类别颜色的提示效果。相关功能将在未来的 PR 中实现。

RogerCO

3 个赞
111

@rogerco 的 PR 已合并，现在您可以在图标颜色应出现的位置添加特殊关键词“categoryColour”来使用类别颜色。感谢 Roger！

2 个赞
112

在 /categories 视图中，图标上未应用颜色？

2 个赞
113

啊，抱歉，现在应该已经修复了。

2 个赞
115

嗨，这个组件需要 FontAwesome 吗？还是我可以使用自己的图标？

1 个赞
116

我不确定这对其他人是否有用，但我已为 discourse-category-banners 提交了一个 拉取请求，以便在横幅标题旁显示 discourse-category-icons 图标。我已在 此处 的生产环境中使用它。

9 个赞
117

感谢 @renato，你的 PR 现已合并。

6 个赞
118

这是一个不错的补充，但如果类别图标颜色设置为与类别相同的颜色，它就无法按预期工作（在你的示例中，类别图标使用的是默认黑色，它们会被反转为白色，与标题颜色相同）。

标题中的图标颜色可能应该显式设置为与标题相同的颜色，以便可以使用任意颜色的图标？

3 个赞
119

我在自己的实例上也遇到了同样的问题，但我意识到，如果省略类别图标的颜色设置，它会自动采用合适的颜色：在类别渲染器中显示为白色 image，在横幅标题中也是如此；而在白色背景上则显示为黑色 image。

不过，如果您不使用 box 类别样式，且类别图标颜色被设置为与类别背景色相同，那么您说得对，图标会变得“不可见”。

我们当然可以显式地将其设置为其他颜色。横幅标题使用的是类别颜色，也许正如您所建议的，这是最稳妥的做法。@pmusaraj，您怎么看？

4 个赞
120

是的，这样对我来说没问题。

2 个赞
121

您好。这是一个很棒的组件。请问能否在类别列表中隐藏类别图标？在我们的场景中，我们希望在其他所有出现类别图标的地方保留显示，但不在类别下拉列表中显示。

1 个赞
122

是的，您可以添加一些 CSS 来隐藏特定列表中的图标。

2 个赞
123

你好，Penar。请注意，我们希望保留所有类别的图标，但仅希望在类别列表控件的下拉菜单中隐藏图标。我曾尝试操作 “fa d-icon d-icon-lock svg-icon svg-string” 和 “category-name” 类，但未能成功。请问应在何处应用 CSS 设置？能否提供一些建议的样式设置供我尝试？

谢谢，
Doug

3 个赞
124

没问题，我可以帮忙。能否贴一张您想隐藏图标的那个 UI 元素的截图？我目前还不完全确定具体需求，但有了截图，我应该就能为您提供所需的 CSS 代码，以便仅在该特定上下文中隐藏图标。

3 个赞
125

你好，Penar，

很好。附件是我们希望不显示图标的一个测试示例的截图

Screen Shot 2021-02-08 at 9.55.59 AM
Screen Shot 2021-02-08 at 9.55.59 AM1280×1400 84.6 KB
。该截图显示了类别列表下拉控件中出现的箭头图标。我们希望图标在站点的其他位置（如帖子显示处）仍然显示（参见第二张截图）Screen Shot 2021-02-08 at 9.59.36 AM|690x356。我们这里有几位用户请求添加类似这样的返回箭头图标，以便他们在查看帖子后能够轻松导航回类别顶部。我已经建议使用 Discourse 网页界面的其他方式来实现这一功能，但他们仍然希望实现此请求。

谢谢，
Doug White
卡罗来纳健康信息学项目
北卡罗来纳大学教堂山分校

1 个赞
126

嗯，实现这一点的 CSS 代码如下：

.select-kit-row .category-badge-icon {
    display: none;
}

不过，在其他地方你可能会遇到问题，因为分类徽章出现在很多位置，那个箭头造成的困惑往往多于帮助。

1 个赞
127

是的，我知道。我已经跟他们说过，但他们还是要求我这样做。有没有办法让图标不在控件本身中显示？它仍然出现在列表控件的顶部。

Screen Shot 2021-02-08 at 12.35.09 PM
Screen Shot 2021-02-08 at 12.35.09 PM1174×1136 65.4 KB
。

1 个赞