En travaillant sur le thème Grogu, j’ai implémenté une icône de chargement personnalisée pour ce thème et j’ai pensé qu’il serait cool d’avoir un composant autonome pour personnaliser l’icône de la zone de chargement en rotation.
Ce composant permet au personnel de personnaliser l’icône de rotation par défaut. Trois options de personnalisation sont disponibles via les paramètres du thème :
nom de l’icône
taille de l’icône
couleur de l’icône
Le composant n’accepte que le nom d’une icône FontAwesome et je recommande de choisir l’une de ces icônes pour obtenir un effet de rotation impressionnant.
Profitez-en et faites-moi savoir comment améliorer davantage ce composant.
Bonjour, je viens de l’installer ! Une amélioration que vous pourriez apporter serait d’ajouter une autre couleur pour le thème sombre, car la couleur que vous avez choisie pour le thème clair, comme #000000, ne sera pas visible sur un thème sombre.
Non, ce que je veux dire, c’est que la couleur de l’icône devrait s’inverser automatiquement selon que vous êtes en thème clair ou sombre.
Mon arrière-plan en thème clair est #F0F0F0 et mon arrière-plan en thème sombre est #000000.
Il est donc difficile de trouver une couleur qui offre un bon contraste. Je veux une icône blanche en thème sombre et une icône noire en thème clair.
Merci
Pour une commutation automatique de la couleur de l’icône en fonction des couleurs du thème, ne spécifiez aucune valeur dans le paramètre du thème « custom icon color ».
J’ai désormais rendu ce comportement par défaut via :
J’adore ce composant de thème, et il fonctionne très bien sur la page d’accueil. Cependant, dans certaines zones de mon instance Discourse, il affiche le spinner de chargement par défaut. Par exemple, chaque fois que je suis dans le panneau d’administration ou les paramètres utilisateur. @meghna, y a-t-il un moyen de corriger cela ?
Je teste cela en utilisant Ubuntu avec le dernier navigateur Chrome, et je reçois l’erreur suivante sur mon site de développement local :
component-templates.js:54 [discourse/theme-10/discourse/templates/components/conditional-loading-spinner] conditional-loading-spinner a été créé avec gjs et son modèle ne peut pas être remplacé. Ignorer le remplacement.
Sur mon site de production, également testé avec le dernier navigateur Chrome sur Ubuntu, je n’ai pas d’erreurs, mais je ne vois pas non plus de spinner de chargement.
Je pense que des changements ont été apportés à la manière dont les modèles sont remplacés dans les thèmes depuis la sortie de ce composant de thème : (not recommended) Overriding Discourse templates from a Theme or Plugin. Je pense que la façon dont Discourse implémente le spinner de chargement a également changé depuis.
