 |
Riepilogo | Rende l’icona di attivazione della barra laterale dinamica e personalizzabile |
 |
Repository | https://github.com/Lillinator/discourse-dynamic-sidebar-icon |
 |
Anteprima | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon |
 |
Guida all’installazione | Come installare un tema o un componente del tema |
 |
Nuovo ai temi di Discourse? | Guida per principianti all’uso dei temi di Discourse |
Installa questo componente del tema
Icona Dinamica della Barra Laterale di Discourse
Riepilogo
Un componente leggero per i temi di Discourse che modifica dinamicamente l’icona di attivazione della barra laterale nell’intestazione in base allo stato di apertura o chiusura della barra stessa.
Per impostazione predefinita, il componente mostra il classico menu hamburger (bars) quando la barra laterale è chiusa e passa a un’icona di chiusura (xmark) quando la barra laterale è aperta. Gli amministratori possono anche specificare icone personalizzate.
Caratteristiche
- Fornisce agli utenti un chiaro feedback visivo su come interagire con la barra laterale.
- Gli amministratori possono facilmente sostituire le icone predefinite con qualsiasi icona di FontAwesome tramite le impostazioni del tema.
- Questo componente è esclusivo per le visualizzazioni desktop e tablet; non ha alcun effetto su mobile.
Impostazioni
Personalizza le icone utilizzate per aprire e chiudere la barra laterale modificando le impostazioni del componente:
| setting | description |
|---|---|
icon_to_open_the_sidebar |
l’icona visualizzata quando la barra laterale è compressa (predefinita: bars) |
icon_to_close_the_sidebar |
l’icona visualizzata quando la barra laterale è espansa (predefinita: xmark) |
Note Importanti
- Se si utilizzano icone personalizzate che non sono già incluse nel nucleo di Discourse, appariranno vuote; per risolvere il problema, è necessario aggiungere le icone personalizzate (ad esempio
rocket,cat) all’impostazione del sitoSVG icon subsetnelle impostazioni di amministrazione di Discourse (vediAll Site Settings→SVG icon subset). - Questo componente non funziona con la modalità a tendina dell’intestazione.