¡Se ve bien!
Al hacer clic en los enlaces de este menú (fuera de los menús desplegables), aún se muestra el spinner:
¡Se ve bien!
Al hacer clic en los enlaces de este menú (fuera de los menús desplegables), aún se muestra el spinner:
Actualmente está configurado a 2px, pero si usas una pantalla de alta densidad de píxeles (HiDPI) con escalado (por ejemplo, un MacBook Retina), podría terminar viéndose más cercano a 1px en tu pantalla. Lo aumentaré a 3px hoy.
Tienes razón, en este momento la experiencia de usuario es algo inconsistente. Es un tema complicado desde el punto de vista técnico. El indicador de carga está actualmente conectado al enrutador de Ember, por lo que solo aparece durante las transiciones de ruta de Ember. Algunos estados de “carga” dentro de la interfaz no son realmente transiciones de ruta de Ember… tendremos que pensar cómo podemos hacer esto más consistente.
Espero con gran interés el soporte para DPI alto. ¿Quizás ofrecer a los administradores del sitio la opción entre el control deslizante de carga y un círculo giratorio renovado (tos tos
)?
Ahora se ha aumentado a 3px, por lo que debería ser un poco más evidente.
Los administradores pueden personalizar todo a través de un componente de tema, por lo que si los sitios desean mantener un indicador de carga giratorio, eso será posible ![]()
@meghna publicó Custom Loading Spinner Component, que es una excelente forma de aprovechar los iconos SVG de FontAwesome, los cuales funcionan a cualquier nivel de DPI.
Me encanta absolutamente esto y estoy de acuerdo con @codinghorror en que debería integrarse en el núcleo como opción predeterminada.
Creo que ya solucioné eso: el indicador de carga debería haber desaparecido de todas las vistas de la lista de temas.
En el iPad, el control deslizante de carga no se muestra en absoluto. (iPad de 5.ª generación… creo. iOS 14, aplicación DiscourseHub)

Véase el GIF ^
Buen hallazgo, gracias @CaptainZac. Realicé algunos ajustes para que ahora funcione en la vista PWA/DiscourseHub en el iPad.
También agregué el valor de top de 1px que necesitamos para DiscourseHub en el iPhone. Ahora la altura completa de 3px es visible en la aplicación y parece coincidir razonablemente bien con la propia barra de carga de DiscourseHub.
Me gusta mucho
¡Muy buen trabajo! ![]()
Parece que el indicador de carga no se activa en lugar del cargador de spinner en la página de inicio al hacer clic en el logotipo.
Perfecto, ¡empieza a usarlo! Gracias.
Debería estar resuelto ahora, ¡gracias!
El problema con los carruseles es que pueden parecer más lentos (incluso si la página carga más rápido).
La razón es que nada ocurre en la mayor parte de la página hasta que esta ha terminado de cargar; esto contrasta con la versión del spinner de carga, donde la página se queda en blanco inmediatamente después del clic; es decir, algo significativo ocurre de inmediato frente a algo significativo que ocurre tras un retraso.
Sí, eso es cierto, y es algo que también hemos estado discutiendo internamente. Mantener todo el contenido antiguo en pantalla significa que no hay retroalimentación inmediata al hacer clic en un enlace. Acabo de implementar un cambio que (parcialmente) desvanece el contenido de la página durante la carga. (cc @awesomerobot)
Originalmente, lo tenía desvanecido por completo, pero entonces solo nos quedábamos con una página en blanco. Creo que dejarlo al 20% de opacidad podría ser un buen punto medio. ¿Suficiente retroalimentación, pero no demasiado brusco? ![]()
Por ahora, está desvaneciendo todo el #main-outlet. Desafortunadamente, no creo que haya forma de apuntar al {{outlet}} de la ruta que realmente se está cargando… pero me encantaría que me demostraran lo contrario. Creo que la única solución sería reemplazar todos los {{outlet}} en nuestro código con algún componente envoltorio personalizado…
Mejorando cada vez más… ![]()
Juego de otro nivel: registra cuánto tardan las solicitudes en promedio y haz que la animación de desvanecimiento dure lo mismo ![]()
Genial. Parece mucho mejor. ![]()
![]()
Es mejor, David… pero aún ‘se siente’ más lento. No estoy seguro de que eso vaya a cambiar a menos que el efecto sea tan evidente como con el spinner, a decir verdad. También podría ser simplemente una característica del control deslizante, especialmente si siempre se completa. Esto se debe a que la página habrá terminado de cargarse (o parecerá haber terminado de cargarse) antes de que el control deslizante finalice… sin embargo, será el control deslizante el que indique que la página ha cargado y no la página en sí, debido a lo llamativo que es.
https://meta.discourse.org/u/golaxo/summary
Si hacemos clic desde la vista de un perfil en el logotipo de Discourse, la parte superior desaparece, lo cual se ve extraño.