Neue Aliase zum Ersetzen von Schlosssymbolen für geschlossene Themen und eingeschränkte Kategorien

Entwickler
1

Heute haben wir diese Änderung zusammengeführt: DEV: add additional icon aliases for lock by awesomerobot · Pull Request #33547 · discourse/discourse · GitHub

Was macht es?

Dies fügt einige Aliase für das :locked: Schloss-Symbol hinzu, das Sie vor geschlossenen Themen und Kategorien mit eingeschränkten Berechtigungen sehen. Dies ermöglicht es Administratoren, das Schlosssymbol für Kategorien und Themen separat zu ersetzen, ohne andere Verwendungen des Schlosssymbols in der Benutzeroberfläche zu beeinträchtigen.
Die neuen Symbol-Aliase sind:

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

Wie benutzt man es?

Um diese Symbole in einem Theme zu ersetzen, können Sie jetzt Folgendes tun:

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

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

Weitere Informationen zu globalen Symboländerungen finden Sie hier: Change icons globally

Wichtiger Hinweis für Themes

Diese Änderung wirkt sich darauf aus, wie diese Schlosssymbole mit CSS angesprochen werden, und zwar für alle, auch wenn Sie sie nicht ersetzen. Wenn Sie zuvor CSS geschrieben haben wie:

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

Sie sollten .d-icon-lock zu [class*="d-icon-category.restricted"] aktualisieren.

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

oder für Themen
.topic-status .d-icon-lock → .topic-status [class*="d-icon-topic.closed"]

12 „Gefällt mir“