Deslizador de carga horizontal

Esta funcionalidad ahora es parte del núcleo de Discourse. Utilice la configuración ‘indicador de carga de página’ para habilitarla. Más detalles a continuación.

Este componente de tema elimina el spinner de carga del núcleo de Discourse y lo reemplaza con una barra de carga en la parte superior de la pantalla. Este es un enfoque común en otros sitios (por ejemplo, GitHub). La ventaja es que hay menos ‘parpadeo’ de contenido durante un cambio de página. La desventaja potencial es que hace que Discourse se sienta menos como una aplicación y más como una página web.

Problemas conocidos:

• El menú desplegable Últimos / Principales / Sin leer… se queda atascado en móviles

• Incompatibilidades con discourse-encrypt (por ejemplo, títulos de temas que se quedan atascados al cambiar entre temas)

	Vista previa	Creador de temas
	Repositorio	https://github.com/davidtaylorhq/discourse-loading-slider
	Guía de instalación	Cómo instalar un tema o componente de tema
	¿Nuevo en temas de Discourse?	Guía para principiantes para usar temas de Discourse

Esto es mucho más atractivo visualmente para mí. El spinner de carga está bien, pero es bastante llamativo.

¿Podemos probarlo durante un día o dos en Meta @david?

Claro, veamos cómo se siente. Habilitado aquí en Meta (Y temporalmente fijado/cambiado el nombre de este tema para que la gente sepa que está ocurriendo)

Aunque me gusta, se siente bastante más lento. Quizás sea porque tengo una latencia de ~250 ms desde Meta.

Sí, estoy indeciso al respecto. Me gusta que evite el parpadeo de la página completa, pero hace que la interfaz se sienta un poco menos receptiva

Por otro lado, siento que hace que la página se sienta más rápida con una conexión de baja latencia. Aunque la capacidad de respuesta de la interfaz de usuario es diferente.

Prefería el spinner, aunque, para ser honesto, no había sido realmente consciente de él. Me gusta que aparezca por un instante y luego la página se muestre de golpe. Eso parece rápido. Con la barra, me hace más consciente de la espera. Me encontraba mirándola incluso cuando, de otro modo, podría haber empezado a leer la página.

Podría ser una mejora si “finalizara” en una etapa más temprana de la carga de la página.

O, si quieres alejarte del spinner antiguo, ¿qué tal un nuevo spinner que sea una versión circular de la barra, completando 360 grados justo antes de desaparecer?

Esto estaba exponiendo varios errores de renderizado (por ejemplo, navegar directamente de un tema a otro causaba problemas al mostrar el OP). Se ha eliminado de Meta por ahora, pero aún puedes probarlo usando el enlace del creador de temas en el OP.

¡Oh sí, esto es 100% mejor, siéntete libre de hacerlo así!

El error de renderizado de temas debería estar resuelto, así que lo he vuelto a habilitar aquí en Meta. Veamos cómo nos va con esto.

¡Se ve genial! Sigue así.

La barra es mucho mejor.

Me gusta mucho, aunque la mayoría de las veces no se muestran los indicadores personalizados.
Sin embargo, hay un problema. La barra de carga no se utiliza cuando vuelves a cargar el tema o la lista de temas en la que te encuentras.
Si estás en la página principal de Meta, haz clic en el logotipo y verás el indicador en lugar de la barra.

Me gusta mucho más que el spinner. ¡Buen trabajo!

¿Cómo se establece/cambia el color de la barra de carga?

Actualmente, se define según el color ‘cuaternario’ en la paleta de colores. Sería fácil personalizarlo individualmente mediante CSS si lo deseas.

Buen hallazgo, gracias. Veré si puedo sobrescribir también esa situación

¿El objetivo es eventualmente mover esto al núcleo de Discourse y no requerir un componente de tema?