Nouveaux alias pour remplacer les icônes de verrouillage sur les sujets fermés et les catégories restreintes

Dev
1

Aujourd’hui, nous avons fusionné ce changement : DEV: add additional icon aliases for lock by awesomerobot · Pull Request #33547 · discourse/discourse · GitHub

Qu’est-ce que cela fait ?

Cela ajoute des alias pour l’icône de verrouillage :locked : que vous voyez avant les sujets fermés et les catégories avec des permissions restreintes. Cela permettra aux administrateurs de remplacer l’icône de verrouillage pour les catégories et les sujets séparément sans affecter les autres utilisations de l’icône de verrouillage dans l’interface.
Les nouveaux alias d’icônes sont :

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

Comment l’utiliser ?

Pour remplacer ces icônes dans un thème, vous pouvez maintenant faire quelque chose comme ceci :

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

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

Plus d’informations sur les changements d’icônes globaux ici : Change icons globally

Note importante pour les thèmes

Ce changement aura un impact sur la façon dont ces icônes de verrouillage sont ciblées avec CSS pour tout le monde, même si vous ne les remplacez pas. Si vous écriviez auparavant du CSS comme :

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

Vous devriez mettre à jour .d-icon-lock en [class*="d-icon-category.restricted"]

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

ou pour les sujets
.topic-status .d-icon-lock → .topic-status [class*="d-icon-topic.closed"]

12 « J'aime »