Curseur de chargement horizontal

Cette fonctionnalité fait désormais partie du cœur de Discourse. Utilisez le paramètre « indicateur de chargement de page » pour l’activer. Plus de détails ci-dessous.

Ce composant de thème supprime le spinner de chargement par défaut de Discourse et le remplace par une barre de chargement en haut de l’écran. Cette approche est courante sur d’autres sites (par exemple, GitHub). L’avantage est qu’il y a moins de « scintillement » du contenu lors du changement de page. L’inconvénient potentiel est que Discourse semble moins une application et davantage une page web.

normal	avec composant de thème

Problèmes connus :

• Le menu déroulant Derniers / Populaires / Non lus… reste bloqué sur mobile

• Incompatibilités avec discourse-encrypt (par exemple, les titres de sujets qui restent bloqués lors du passage d’un sujet à un autre)

	Aperçu	Créateur de thème
	Dépôt	https://github.com/davidtaylorhq/discourse-loading-slider
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau sur les thèmes Discourse ?	Guide de démarrage pour l’utilisation des thèmes Discourse

C’est bien plus agréable à mes yeux. Le spinner de chargement est sympa, mais il fait un peu trop contraste.

Peut-on essayer pendant un jour ou deux sur Meta @david ?

Bien sûr, voyons comment cela se passe. Activé ici sur Meta (Et ce sujet a été temporairement épinglé et renommé pour que les gens sachent que cela se produit)

Bien que cela me plaise, cela semble vraiment plus lent. Peut-être est-ce parce que j’ai une latence d’environ 250 ms depuis Meta.

Oui, je suis partagé là-dessus. J’aime bien qu’il empêche le scintillement de la page entière, mais cela rend l’interface un peu moins réactive

Inversement, j’ai l’impression que cela rend la page plus rapide avec une connexion à faible latence. Cependant, la réactivité de l’interface utilisateur est différente.

Je préférais le spinner, même si, pour être honnête, je n’en avais pas vraiment conscience. J’aime le fait qu’il apparaisse l’espace d’un instant avant que la page n’arrive soudainement. Cela semble rapide. Avec la barre, je suis plus conscient de l’attente. Je me surprenais encore à la regarder alors que j’aurais pu commencer à lire la page.

Ce serait peut-être une amélioration si le spinner se terminait à un stade plus précoce du chargement de la page.

Ou, si vous souhaitez vous éloigner de l’ancien spinner, pourquoi ne pas créer un nouveau spinner qui ressemble à une version circulaire de la barre, atteignant 360 degrés juste avant de disparaître ?

Cela révélait plusieurs bugs de rendu (par exemple, naviguer directement d’un sujet à un autre provoquait des problèmes d’affichage du message d’origine). Retiré de Meta pour le moment, mais vous pouvez toujours l’essayer en utilisant le lien du créateur de thème dans le message d’origine.

Oh oui, c’est 100 % mieux, n’hésite pas à le faire !

Le bug de rendu des sujets devrait maintenant être résolu, donc je l’ai réactivé ici sur Meta. Voyons comment cela se passe.

Ça a l’air super. Continue comme ça.

Le bar est bien meilleur.

J’aime beaucoup, même si les spinners personnalisés n’apparaissent pas la plupart du temps.
Un problème toutefois : la barre de chargement n’est pas utilisée lorsque vous rechargez le sujet ou la liste des sujets sur laquelle vous vous trouvez.
Si vous êtes sur l’accueil de Meta, cliquez sur le logo et vous verrez le spinner au lieu de la barre.

Je le préfère de loin au spinner. Excellent travail !

Comment définir ou modifier la couleur de la barre de chargement ?

Actuellement, elle est définie en fonction de la couleur « quaternaire » du schéma de couleurs. Il serait facile de la personnaliser individuellement via CSS si vous le souhaitiez.

Bonne observation, merci. Je verrai si je peux également contourner cette situation

L’objectif est-il de déplacer cela dans le cœur de Discourse à terme et de ne plus nécessiter un composant de thème ?