Icône de barre latérale dynamique pour Discourse

[Lilly]

	Résumé	Rend l’icône de basculement de la barre latérale dynamique et personnalisable
	Dépôt	https://github.com/Lillinator/discourse-dynamic-sidebar-icon
	Aperçu	https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon
	Guide d’installation	Comment installer un thème ou un composant de thème

Installer ce composant de thème

Aperçu

Un composant de thème Discourse léger qui modifie dynamiquement l’icône de basculement de la barre latérale dans l’en-tête en fonction de l’état ouvert ou fermé de la barre latérale.

Par défaut, le composant affiche l’icône standard du menu hamburger (bars) lorsque la barre latérale est fermée, et passe à une icône de fermeture en forme de X (xmark) lorsque la barre latérale est ouverte.

Les administrateurs peuvent spécifier des icônes personnalisées s’ils le souhaitent, et choisir également de l’activer pour la vue mobile (bien que l’aspect dynamique du composant ne s’applique qu’aux tailles d’écran non mobiles, les administrateurs qui changent l’icône d’ouverture peuvent souhaiter une cohérence avec leur expérience utilisateur mobile).

---

Fonctionnalités

• Offre aux utilisateurs un retour visuel clair sur la manière d’interagir avec la barre latérale.
• Les administrateurs peuvent facilement remplacer les icônes par défaut par n’importe quelle icône FontAwesome via les paramètres du thème.
• Permet d’activer une icône de barre latérale remplacée pour assurer la cohérence de l’expérience utilisateur sur mobile.

---

Captures d’écran vidéo

Paramètres par défaut du composant :

Utilisation des icônes dog et cat :

---

Paramètres

Personnalisez les icônes utilisées pour ouvrir et fermer la barre latérale en modifiant les paramètres du composant :

paramètre	description
Icon_to_open_the_sidebar	l’icône affichée lorsque la barre latérale est repliée (par défaut : bars)
Icon_to_close_the_sidebar	l’icône affichée lorsque la barre latérale est déployée (par défaut : xmark)
Apply_open_icon_on_mobile	appliquer l’icône d’ouverture personnalisée sur la vue mobile (par défaut : false)

---

Remarques

• Si vous utilisez des icônes personnalisées qui ne sont pas déjà incluses dans Discourse de base, elles apparaîtront vides ; pour corriger cela, vous devez ajouter les icônes personnalisées (par exemple, rocket, cat) au paramètre du site Sous-ensemble d'icônes SVG dans vos paramètres d’administration Discourse (voir Tous les paramètres du site → Sous-ensemble d'icônes SVG).
• Ce composant ne fonctionne pas avec le mode menu déroulant de l’en-tête.

---

Découvrez mes autres créations Discourse

[Lilly]

J’ai refactorisé le composant et ajouté un nouveau paramètre booléen Appliquer l'icône ouverte sur mobile (désactivé par défaut). Cela permet aux administrateurs qui modifient l’icône d’ouverture par défaut (bars) de choisir de l’activer pour les vues mobiles afin d’assurer une cohérence de l’expérience utilisateur. La barre latérale de superposition mobile se comporte différemment, de sorte que l’icône ne change pas lorsque la barre latérale est activée sur un petit format d’écran. J’ai également mis à jour le message original.