类别图标

主题组件
, ,
191

您好！有什么最新消息吗？发生的事情很有趣。

5 个赞
208

这是什么状态？我很想摆脱 fontawesome。

3 个赞
209

它还没有合并，但您可以随时安装存储库并暂时使用我的分支。 :no_mouth:

2 个赞
210

谢谢！我会等到新菜单网站项目完成后，再到暂存环境进行尝试。 :slight_smile:

2 个赞
220

有人知道这将在何时发生，以便在新项目中不使用此组件吗？

image
image529×252 11.2 KB

1 个赞
221

我只会使用该组件。在 Moving to a Single Category Style Site Setting 中，有人询问了分类图标的问题，听起来它们要到 Discourse 3.2 发布后才会被纳入核心。

4 个赞
222

是的，确认一下，我刚刚将此组件的一个更新合并，以使其与 Moving to a Single Category Style Site Setting 兼容。

此次更新将适用于 Discourse 3.2.0.beta4-dev 或更高版本的站点，这得益于 Pinning plugin and theme versions for older Discourse installs (.discourse-compatibility)

由于此更新固定到了一个版本而不是特定的提交……如果您已在 Discourse 3.2.0.beta4-dev 上运行，并且在此组件中遇到问题，您可能需要今天再次更新 Discourse。

3 个赞
223

我从来没有机会尝试你的分支，但希望回到这个。关于这是否会成为官方消息，还有更多消息吗？

1 个赞
224

@carson 已经有机会玩了一下。看起来基本不错，但有以下几点：

  1. category-select 下拉菜单中的图标没有颜色
  2. 在新菜单中不起作用
  3. 如果启用“将分类的上传徽标用作其图标”：
    a. 它仅影响 category-select 下拉菜单
    b. 在其他任何地方的分类旁边都不会显示
    c. 而且如果此选项开启，category-select 下拉菜单 仅 显示这些图标（即使其他分类配置了不同的图标）。
  4. 图标似乎比以前的主题大。将它们设置为相同大小的干扰最小——但也许可以有一个设置来控制大小？

另外，一些锦上添花的功能：

  • 提供一个隐藏分类锁定图标的选项，而不仅仅是将其设置为其他内容[1]
  • 如果使用分类徽标，则提供一个隐藏分类页面上大分类徽标的选项。它们是多余的。
  • 将 emoji 和 fontawesome 配置移至分类页面，放在分类徽标配置旁边

  1. 我认为它增加了很多视觉噪音，但价值不大，因为它没有告诉你分类是如何受限的！ ↩︎

2 个赞
225

帖子已合并到现有主题：在 Meta 上安装主题按钮不起作用

226

嘿 Coin，

我们认为我们遇到了和 ultrakiller 同样的问题。

这是我们上传的文件
category

当我们使用代码将星标替换为该类别图标时，它不起作用

    api.replaceIcon('d-liked', 'beer');
    api.replaceIcon('d-unliked', 'fa-beer');
    api.replaceIcon('star', 'category');

我们真的很困惑，不知道我们错过了哪一步。你能帮忙弄清楚吗？非常感谢！

1 个赞
227

请按照此指南创建一个具有正确格式的 SVG 文件：

在您的情况下，它将是这样的：

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="my-icon-id" viewBox="0 0 1024 1024" fill="none">
        <path fill="currentColor" d="M768.487 554.422H553.554v214.926c0 106.838 86.61 193.437 193.442 193.437h21.491c106.832 0 193.432-86.603 193.432-193.437v-21.492c.002-106.83-86.606-193.434-193.432-193.434m-515.842 0c-106.83 0-193.435 86.61-193.435 193.434v21.492c0 106.838 86.606 193.437 193.435 193.437h21.494c106.83 0 193.432-86.603 193.432-193.437V554.422zm21.498-494.346H252.65c-106.835 0-193.44 86.606-193.44 193.442v21.492c0 106.825 86.607 193.431 193.44 193.431h214.926V253.518c.002-106.836-86.604-193.442-193.432-193.442m494.344 0h-21.491c-106.836 0-193.442 86.606-193.442 193.442V468.44h214.933c106.832 0 193.432-86.606 193.432-193.431v-21.492c.002-106.836-86.606-193.442-193.432-193.442m0 0"/>
    </symbol>
</svg>

确保：

  • 插入 fill="currentColor"
  • 上传的 SVG 文件名使用 SCSS 变量 icons-sprite。

结果：
image

7 个赞
228

谢谢 Arkshine。请让我试试。

2 个赞
229

此主题组件是否处理同名子类别？

  • parent (slug: parent)
    • sub (slug: sub)
  • parent2 (slug: paren2)
    • sub (slug: sub)

如果我使用 slug parent-slub 或 parent1-sub 来尝试应用设置，似乎不起作用。

230

您的 slug 名称在父级和子级之间是否不同？我相信只要 slug 名称不同，它就应该可以工作。

231

我在上面的帖子中分享了 slug 名称示例。

1 个赞
232

哦，它不起作用吗？我没有在此 TC 上使用过类似名称的类别，但我记得曾经使用过子类别，因为其中一个实例使用父类别作为子类别的容器。

1 个赞
233

@lindsey / @tobiaseigen 我现在已在置顶帖中添加了警告：

但是，我们现在在 meta 中有不少搜索“雷区”，可能需要清理一下。

4 个赞