Ciao a tutti
Le ho modificate in questo modo
E le ho inserite nell’intestazione
Ma l’icona non è cambiata
Don
11 Agosto 2021, 1:36pm
2
Ciao Mikhail,
Prova questo
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('notification.granted_badge', 'oo-medal-badges');
</script>
Puoi trovare queste sostituzioni qui
import { h } from "virtual-dom";
import { isDevelopment } from "discourse-common/config/environment";
import escape from "discourse-common/lib/escape";
const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
let _renderers = [];
let warnMissingIcons = true;
let _iconList;
const REPLACEMENTS = {
"d-tracking": "bell",
"d-muted": "discourse-bell-slash",
"d-regular": "far-bell",
"d-watching": "discourse-bell-exclamation",
"d-watching-first": "discourse-bell-one",
"d-drop-expanded": "caret-down",
"d-drop-collapsed": "caret-right",
"d-unliked": "far-heart",
"d-liked": "heart",
"notification.mentioned": "at",
Sì, ha funzionato. Grazie mille
E dove posso vedere come appaiono?
Don:
const REPLACEMENTS = {
"d-tracking": "bell",
"d-muted": "discourse-bell-slash",
"d-regular": "far-bell",
"d-watching": "discourse-bell-exclamation",
"d-watching-first": "discourse-bell-one",
"d-drop-expanded": "caret-down",
"d-drop-collapsed": "caret-right",
"d-unliked": "far-heart",
"d-liked": "heart",
"notification.mentioned": "at",
Don
11 Agosto 2021, 2:35pm
5
Puoi identificarlo facilmente utilizzando gli strumenti di ispezione degli elementi.
Ad esempio: la notifica con l’icona certificate
Trova il nome dell’icona utilizzando gli strumenti di ispezione degli elementi
Trova la stessa icona nella libreria icon-library.js
"notification.liked": "heart",
"notification.liked_2": "heart",
"notification.liked_many": "heart",
"notification.liked_consolidated": "heart",
"notification.private_message": "far-envelope",
"notification.invited_to_private_message": "far-envelope",
"notification.invited_to_topic": "hand-point-right",
"notification.invitee_accepted": "user",
"notification.moved_post": "sign-out-alt",
"notification.linked": "link",
"notification.granted_badge": "certificate",
"notification.topic_reminder": "far-clock",
"notification.watching_first_post": "discourse-bell-one",
"notification.group_message_summary": "users",
"notification.post_approved": "check",
"notification.membership_request_accepted": "user-plus",
"notification.membership_request_consolidated": "users",
"notification.reaction": "bell",
"notification.votes_released": "plus",
};
Quindi puoi sostituire l’icona con qualsiasi altra icona desideri.
Grazie per la risposta
Posso aggiungerlo per riferimento futuro. Ho seguito le istruzioni su Replace Discourse's default SVG icons with custom icons in a theme - #19 ma quello che non avevo capito all’inizio era che la stessa icona può essere richiamata in modi diversi. Nell’app stessa, sotto ‘/styleguide/atoms/icons’ c’è un elenco di tutte le icone e come vengono richiamate, quindi nel mio file header.html ora ho 5 riferimenti all’icona della busta:
api.replaceIcon('envelope', 'fgx-air-mail');
api.replaceIcon('far-envelope', 'fgx-air-mail');
api.replaceIcon('notification.private_message', 'fgx-air-mail');
api.replaceIcon('notification.read_private_message', 'fgx-air-mail');
api.replaceIcon('notification.invited_to_private_message', 'fgx-air-mail');
