Aiuto sostituzione icona

Sto cercando di sostituire l’icona bars per aprire/chiudere la barra laterale seguendo queste istruzioni Replace Discourse's default SVG icons with custom icons in a theme ma non sto avendo molto successo.

Ho creato uno spritesheet con l’icona della barra laterale che voglio usare (sfocata poiché è un’icona pro di fontawesome)

Ho creato un componente e caricato lo spritesheet:

E ho usato questo codice (voglio la modifica solo sul desktop)

Ma non ottengo alcuna icona:

Qualche idea? Sono sicuro che mi sfugge qualcosa di piccolo e stupido! Grazie!

hai provato con un nome file asset in minuscolo (ad es. npn_spritesheet.svg)?
perché altrimenti sembra che dovrebbe funzionare (posso farlo facilmente con un’icona v5 ma non ne ho nessuna v6 pro).

a meno che non sia semplicemente a causa di questo:

Cosa vedi quando ispezioni l’elemento <span> class="header-sidebar-toggle"> a sinistra del logo del tuo sito?

Ad esempio, non hai una dichiarazione viewbox sul tag symbol, l’icona potrebbe semplicemente essere fuori vista.

2 Mi Piace

Stranamente, quando elimino quell’asset e lo ricarico con una versione in minuscolo (l’ho persino rinominato in npnassets.svg, vedo ancora il vecchio nome file…

Dato che ho scaricato l’svg e l’ho inserito manualmente nel foglio di sprite, non penso che questo dovrebbe essere un problema, ecco perché ho intrapreso questa strada poiché la v5 non ha un’icona della barra laterale.

2 Mi Piace

..dovresti espandere l’elemento svg e tutti gli elementi nidificati per vedere il codice dell’icona.

1 Mi Piace

Quindi il codice dell’icona dal spritesheet non viene renderizzato. Potresti comunque provare a cambiare l’id dell’icona in un nome senza trattino, come npnsidebar. a volte incontro problemi con i nomi delle variabili nei temi per i quali non riesco a capire la causa effettiva, ma una piccola modifica lo risolve.

Altrimenti potresti condividere il file svg. Ho visto che hai pixelato il codice effettivo, ma sarà comunque pubblicamente accessibile quando lo utilizzerai sul tuo sito live (modifica: ah, non ho visto che è dal piano pro…)

1 Mi Piace

Grazie, ho provato a cambiare il nome in npnsidebar nel spritesheet e nel codice, il che mi ha permesso anche di sostituire correttamente lo spritesheet. Ma sfortunatamente non ha aiutato. Posso inviarti via DM lo spritesheet e l’svg per verificare il mio lavoro. Grazie per il tuo aiuto!

2 Mi Piace

Se sostituisci l’icona bars con un’altra icona nel set predefinito, la sostituzione funziona? Diciamo, sostituiscila con cog o comment.

Se funziona, allora il problema è nel tuo codice SVG personalizzato. Probabilmente necessita di un attributo viewBox. Come questa icona personalizzata (per il componente a tema gifs):

5 Mi Piace

l’ho sostituita in questo modo con una predefinita (l’icona del codice) ieri e ha funzionato, quindi penso che sia effettivamente l’attributo viewBox come dici tu.

4 Mi Piace

Era tutto, grazie come sempre Penar!

4 Mi Piace

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.