Nuovi alias per sostituire le icone di lucchetto sugli argomenti chiusi e le categorie limitate

Sviluppatore
1

Oggi abbiamo unito questa modifica: DEV: add additional icon aliases for lock by awesomerobot · Pull Request #33547 · discourse/discourse · GitHub

Cosa fa?

Aggiunge alcune alias per l’icona di blocco :locked: che vedi prima degli argomenti chiusi e delle categorie con permessi limitati. Ciò consentirà agli amministratori di sostituire l’icona di blocco separatamente per categorie e argomenti senza influire su altri usi dell’icona di blocco nell’interfaccia.
Le nuove alias dell’icona sono:

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

Come si usa?

Per sostituire queste icone in un tema, ora puoi fare qualcosa di simile:

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

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

Maggiori informazioni sulle modifiche globali delle icone qui: Change icons globally

Nota importante per i temi

Questa modifica influenzerà il modo in cui queste icone di blocco vengono indirizzate con CSS per tutti, anche se non le stai sostituendo. Se in precedenza stavi scrivendo CSS come:

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

Dovresti aggiornare .d-icon-lock a [class*="d-icon-category.restricted"]

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

o per gli argomenti
.topic-status .d-icon-lock → .topic-status [class*="d-icon-topic.closed"]

12 Mi Piace