Novos aliases para substituir ícones de cadeado em tópicos fechados e categorias restritas

Dev
1

Hoje mesclamos esta alteração: DEV: add additional icon aliases for lock by awesomerobot · Pull Request #33547 · discourse/discourse · GitHub

O que faz?

Isso adiciona alguns aliases para o ícone de cadeado :locked: que você vê antes de tópicos fechados e categorias com permissões restritas. Isso permitirá que os administradores substituam o ícone de cadeado para categorias e tópicos separadamente, sem afetar outros usos do ícone de cadeado na interface.
Os novos aliases de ícone são:

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

Como usar?

Para substituir esses ícones em um tema, você pode fazer algo como isto:

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

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

Mais informações sobre alterações globais de ícones aqui: Change icons globally

Nota importante para temas

Esta alteração afetará como esses ícones de cadeado são direcionados com CSS para todos, mesmo que você não os esteja substituindo. Se você estava escrevendo CSS como:

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

Você deve atualizar .d-icon-lock para [class*="d-icon-category.restricted"]

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

ou para tópicos
.topic-status .d-icon-lock → .topic-status [class*="d-icon-topic.closed"]

12 curtidas