类别图标

Another request would be having the icon next to the category name on the category page if it’s not a subcategory:

1 个赞

icon is not working.

Example: xbox

how to leave only the icon? icone

1 个赞

感谢 @tshenry(Taylor)的贡献,该组件现在支持在分类列表中使用图标!

@davidkingham 这应该能满足您 5 月 15 日的请求。

注意:此功能目前暂不支持“带子分类的方框”布局。

8 个赞

感谢 Penar,这次更新后在我的网站上似乎无法正常工作。类别名称前方和下方出现了大量空白,而且许多图标现在无法显示。我尝试禁用所有其他 CSS,结果相同。

编辑:我意识到空白问题是由此次更新导致类别徽标变为可见引起的。我原本使用了一个 1x1 的透明 PNG 来让类别描述在类别内部可见。不明白为何这次更新会改变这一点?

更新前:

更新后:

2 个赞

我弄明白了,当组件更新时,icons-sprite.svg 文件被删除了,所以我轻松解决了图标缺失的问题。上传文件在更新时被删除是正常行为吗?

这是组件影响布局的另一个示例:

更新前:

更新后:

1 个赞

是的,这是正常的。更新会重置除主题设置外的所有内容。你应该将自定义图标添加到一个单独的主题组件中。

关于布局变更:是的,组件中的一些 CSS 可能与你的主题冲突。如果你查看源代码,找出是哪条 CSS 规则导致图片不再浮动,应该很容易修复。

6 个赞

谢谢,我会把它添加到另一个组件中:+1:

我查看了您组件中的 CSS,但无法弄清楚为什么在我的网站上会出现这个问题。正如我所说,我尝试在一个零 CSS 的主题中仅激活此组件,因此这不是冲突问题,而是与分类标志图片有关的问题。您是否测试过该组件在带有分类标志图片时的表现?

1 个赞

啊,分类图标确实是个疏忽。非常抱歉!我已经提交了一个 PR 给 @pmusaraj 审核。我相当确定现在所有场景都已覆盖,但如果您发现分类列表部分有任何问题,请随时提及我,我会立即查看。

6 个赞

太棒了,感谢 @tshenry,PR 现已合并。

6 个赞

谢谢大家!还有一个小问题,在移动设备上,分类标题的宽度被限制在约 200px,而不是占满整个宽度。我已确认这是由该组件引起的。

编辑:还有一件小事,分类图标把分类标志挤到了右侧,看起来有点不整齐。

2 个赞

在最近一次提交后,移动端部分(非全部)的分类名称被截断了(如下所示最后一个为 Staff):

如果禁用该组件,分类名称将完整显示。@tshenry 能帮忙看一下吗?

2 个赞

我刚合并了 @tshenry 的最新 PR,应该能解决上面提到的 2-3 个问题。

9 个赞

如何移除彩色项目符号?我尝试从类别中删除它,但之后无法保存。
38%20PM

2 个赞

您需要将站点设置 category_style 更改为 “none”。

6 个赞

这个组件是否有计划也能在每个分类视图内的子分类中工作?

我在一个分类中设置了子分类,配置如下:

  • 在此分类的主题上方显示子分类列表
  • 子分类列表样式:行式

图标仅在 /categories 页面的分类和子分类前显示,但在分类内部,子分类的图标却缺失了。

1 个赞

今天将 Discourse 更新到最新版本后,我的自定义 SVG 无法再显示。我没有更改其他任何内容,因此必定是核心部分的某个变更导致了冲突。

1 个赞

是所有的自定义图标都缺失了,还是只有部分缺失?据我所知,最近核心方面没有出现关于自定义图标的问题。

或许可以尝试刷新一下你的 SVG 精灵图(一种方法是向 svg icon subset 站点设置中添加一个新图标)。

2 个赞

所有自定义 SVG 均无法显示,仅免费版 Font Awesome 图标正常显示。我尝试按建议添加新图标,但无效。顺便说明,我已执行重建操作,日志中未发现任何相关错误。此外,我也尝试重新上传 SVG 文件,但同样无济于事。

2 个赞

感谢大家提供这个出色的组件。

您认为它可以调整以兼容 Event Plugin 日历吗?这样在日历中就能显示彩色图标而不是项目符号(这将使界面非常整洁且易于阅读!)

2 个赞

又一次重建解决了问题,真是奇怪!一如既往地感谢 Penar!

6 个赞