为已关闭主题和受限类别替换锁定图标的新别名

开发
1

今天我们合并了这项更改：DEV: add additional icon aliases for lock by awesomerobot · Pull Request #33547 · discourse/discourse · GitHub

它做了什么？

这为 :locked: 锁定图标添加了一些别名，您在受限权限的已关闭主题和类别之前会看到该图标。这将允许管理员分别替换类别和主题的锁定图标，而不会影响界面中锁定图标的其他用法。

新的图标别名是：

  • topic.closed
  • topic.opened
  • category.restricted

如何使用？

要在主题中替换这些图标，您现在可以执行类似以下操作：

import { apiInitializer } from "discourse/lib/api";

export default apiInitializer((api) => {
  api.replaceIcon("topic.closed", "xmark");
  api.replaceIcon("category.restricted", "shield-halved");
});

有关全局图标更改的更多信息，请访问：Change icons globally

对主题的重要说明

此更改将影响所有人如何使用 CSS 定位这些锁定图标，即使您不替换它们。如果您之前编写的 CSS 如下：

.badge-category__wrapper .d-icon-lock {
  display: none;
}

您应该将 .d-icon-lock 更新为 [class*="d-icon-category.restricted"]

.badge-category__wrapper [class*="d-icon-category.restricted"] {
  display: none;
}

或针对主题

.topic-status .d-icon-lock → .topic-status [class*="d-icon-topic.closed"]

12 个赞