¡Hola a todos!
Lo hice de esta manera
Y lo escribí en el encabezado
Pero el icono no ha cambiado.
Don
11 Agosto, 2021 13:36
2
Hola Mikhail,
Prueba con esta
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('notification.granted_badge', 'oo-medal-badges');
</script>
Puedes encontrar estas sustituciones aquí
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í, funcionó. Muchas gracias
¿Y dónde puedo ver cómo se ven?
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 14:35
5
Puedes identificarlo fácilmente usando “inspeccionar elementos”.
Por ejemplo: la notificación del icono de certificado
Encuentra el nombre del icono con “inspeccionar elementos”
Busca el mismo icono en 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",
};
Luego puedes reemplazar el icono por cualquier otro que desees.
Gracias por tu respuesta.
¿Puedo añadir esto como referencia futura? Seguí las instrucciones de Replace Discourse's default SVG icons with custom icons in a theme - #19 , pero lo que no me di cuenta al principio es que el mismo icono puede ser referenciado de diferentes maneras. En la propia aplicación, en ‘/styleguide/atoms/icons’ hay una lista de todos los iconos y cómo se refieren a ellos, así que en mi archivo header.html ahora tengo 5 referencias al icono del sobre:
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');
