잠긴 주제와 제한된 카테고리의 잠금 아이콘을 대체하는 새 별칭

개발
1

오늘 이 변경 사항을 병합했습니다: DEV: add additional icon aliases for lock - 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"]

13개의 좋아요
Category Icons
Hide Lock Badge Icon