クローズドトピックと制限カテゴリのロックアイコン置き換え用新エイリアス

開発
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