Nuevos alias para reemplazar los iconos de bloqueo en temas cerrados y categorías restringidas

Desarrollador
1

Hoy hemos fusionado este cambio: DEV: add additional icon aliases for lock by awesomerobot · Pull Request #33547 · discourse/discourse · GitHub

¿Qué hace?

Esto añade algunos alias para el icono de bloqueo :locked: que ves antes de los temas cerrados y las categorías con permisos restringidos. Esto permitirá a los administradores reemplazar el icono de bloqueo para categorías y temas por separado sin afectar a otros usos del icono de bloqueo en la interfaz.
Los nuevos alias de iconos son:

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

¿Cómo se usa?

Para reemplazar estos iconos en un tema, ahora puedes hacer algo como esto:

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

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

Más información sobre cambios globales de iconos aquí: Change icons globally

Nota importante para los temas

Este cambio afectará a cómo se dirigen estos iconos de bloqueo con CSS para todos, incluso si no los estás reemplazando. Si anteriormente estabas escribiendo CSS como:

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

Deberías actualizar .d-icon-lock a [class*="d-icon-category.restricted"]

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

o para temas

.topic-status .d-icon-lock → .topic-status [class*="d-icon-topic.closed"]

12 Me gusta