在侧边栏中显示类别图标的功能

这似乎在几个地方都有提到,但我找不到明确的答案——是否有解决方法,或者侧边栏或组件中是否有“即将推出”的提示,或者“不行”之类的回复……

我在我的 Discourse 托管站点上启用了实验性侧边栏。我的类别旁边会出现彩色方块。尤其值得注意的是,我没有看到我通过 Category Icons 主题组件 配置的类别图标。

我的第一反应是,我将此站点的“类别样式”设置为“无”。我觉得在“无”的情况下,侧边栏不应该出现彩色方块。

……在我的截图中,您可以看到我为类别设置的图标。我觉得同样的图标应该出现在侧边栏中。

有什么想法吗?

6 个赞

目前的答案是我们没有任何具体的计划。

虽然有一些关于将类别图标作为一项主要功能的讨论——我知道这是 @tobiaseigen 感兴趣的事情,例如。但目前它不在我们的优先事项列表中。

与此同时,我不确定要解决这个问题或在类别图标主题组件中添加支持需要什么。@pmusaraj 你对可能涉及的内容有什么想法吗?

@craigconstantine - 当使用图标时,你期望侧边栏看起来是什么样的?在这种情况下,你期望图标具有类别颜色吗?

1 个赞

category-icons 组件会覆盖一个核心的 category link renderer 来添加其图标。侧边栏出于某种原因没有使用相同的 renderer,因此我们需要在组件在此处执行任何操作之前,添加一种方法来扩展/覆盖核心中的侧边栏 category links。

tags 的情况类似,但可能稍微容易一些,因为我们目前在侧边栏中为每个 tag 显示一个默认图标。

3 个赞

我们一直在内部讨论,希望在功能上更接近标签和分类,让标签也能像分类一样用颜色装饰,并且两者都能用图标装饰。

通过颜色和图标区分标签和分类,可以在帮助区分它们方面发挥巨大作用,避免在用户浏览社区讨论时“让人费神”。

所以,是的,我赞成在 Discourse 核心产品中全面实现这一点。但我不赞成创造一种混乱的、五颜六色的体验,或者让侧边栏的功能因为图标而更难使用。我喜欢 @pmusaraj 的截图示例,将分类样式设置为 box——这在侧边栏中效果会很好。

我认为,Discourse for Teams 的侧边栏在分类装饰方面比新的侧边栏处理得更好。你可以使用 category style 管理员设置来选择 bar、box、bullet 或 none,侧边栏中的分类将以所选样式显示,而且它们看起来都非常棒!请看截图。

和旧式 ≡ 菜单中的样子一样吗?

我关闭了 enable-exp-sidebar,清空了浏览器缓存,刷新了……想着要截一张旧 ≡ 显示带图标的类别的图……但现在那也不管用了??

以前这里没有彩色框——颜色通常不传达任何固有含义。我所有的类别都经过了精心挑选的图标。帮助有一个 FA ?,收听有耳机,支持者有一个带 + 的用户剪影(我们将其用作特定群组中人员的头像装饰),工作台有一个工具图标,等等。

但为了回答您开头提出的具体问题:它应该看起来像这样(由于类别样式为 none,所以没有颜色),以及名称旁边的图标……这是我们一些类别的图标(这也包含在我最初的帖子中。)

3 个赞

要恢复到旧的方式,您还必须关闭“启用实验性侧边栏汉堡包”设置。

1 个赞

derp …您当然是正确的。这是图标应显示在边栏类别旁边的屏幕截图,当类别样式为 none 时:

2 个赞

8个帖子被拆分到一个新主题:安全类别挂锁图标的替代方案

re: 类别图标
我个人不太在意它们。我同意这会显得杂乱。我主要是在回应 @craigconstantine 的担忧,因为这些图标在旧菜单中是存在的。

1 个赞

是的,这可能是一个不切实际且不必要的建议。
侧边栏中的颜色与 UI 中许多地方使用的类别颜色相匹配。

1 个赞

我自己,我对那些彩色项目符号没意见(除了锁定图标,但我可以把它们去掉)。只要让我能修改社区部分,我就心满意足了。:slight_smile:

是的,但这与目的不同 :wink:

算了。我就是不相信用户能够并且将会通过不同的颜色来识别类别,所以我禁用了我能禁用的地方,否则我试图在整个论坛中使用相同的颜色。我认为类别颜色除了装饰性之外没有其他用途,而这纯粹是品味问题。

这就是为什么我非常希望能够选择禁用侧边栏的这些颜色,就像我在论坛的其他地方可以禁用一样。

给你:

通用 CSS

.sidebar-section-link-prefix span {
    display: none;
}
1 个赞

谢谢。

但现在我也回到了正题 :wink: 在侧边栏显示分类图标将是一个非常好的解决方案……

如果您想更改导航侧边栏菜单中类别项目符号的外观,可以在通用 CSS 中执行类似我论坛上的操作:

.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-span {
    width: .6em;
    height: .6em;
    border-radius: 100%;
}

这将看起来像这样:

请注意子类别“帮助台”的项目符号。 “休息室”需要 TL1 访问权限,但我用代码删除了锁定图标。我为员工类别保留了锁定图标,以便他们可以轻松看到它们。

1 个赞

我在此留下一个简短的说明,我们正在努力使类别图标和标签图标主题组件在短期内与侧边栏兼容。这应该会在下周完成。但从长远来看,我们打算使类别或标签的可自定义图标成为一项核心功能。

11 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.