Slider de carregamento horizontal

[david (David Taylor)]

Esta funcionalidade agora faz parte do núcleo do Discourse. Use a configuração ‘indicador de carregamento da página’ para ativá-la. Mais detalhes abaixo.

Este componente de tema remove o spinner de carregamento padrão do Discourse e o substitui por uma barra de carregamento no topo da tela. Essa é uma abordagem comum em outros sites (por exemplo, GitHub). A vantagem é que há menos “piscamento” de conteúdo durante a troca de páginas. A desvantagem potencial é que o Discourse passa a parecer menos um aplicativo e mais uma página da web.

normal	com componente de tema

Problemas Conhecidos:

• O menu suspenso “Mais recentes / Topos / Não lidos…” fica travado em dispositivos móveis

• Incompatibilidades com o discourse-encrypt (por exemplo, títulos de tópicos ficando travados ao alternar entre tópicos)

	Pré-visualização	Criador de temas
	Repositório	https://github.com/davidtaylorhq/discourse-loading-slider
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo em Temas do Discourse?	Guia para iniciantes sobre o uso de Temas do Discourse

[justin (Justin DiRose)]

This is so much more visually appealing to me. The loading spinner is nice but quite jarring.

[Falco]

Can we give it a try for a day or two on Meta @david ?

[david (David Taylor)]

Sure, let’s see what it feels like. Enabled here on Meta (And temporarily pinned/renamed this topic so people know it’s happening)

[Falco]

While I like it, it does feel quite slower. Maybe it’s because I have ~250ms latency from Meta.

[david (David Taylor)]

Yeah I am torn on it. I like that it stops the full-page flickering, but it does make the UI feel a little less responsive

[justin (Justin DiRose)]

Conversely I feel it makes the page feel faster with a low latency connection. Though the UI responsiveness is different.

[Jonathan5]

I preferred the spinner, though to be honest I hadn’t really been aware of it. I like the way it is there for a split second then the page appears suddenly. This seems fast. With the bar, it makes me more aware of waiting. I found myself still looking at it when otherwise I could have started reading the page.

It might be some improvement if it “ended” at an earlier stage of page loading.

Or if you want to move away from the old spinner what about a new spinner that is like a circular version of the bar - reaching 360 degrees just before it disappears?

[david (David Taylor)]

This was exposing a few different rendering bugs (e.g. navigating directly from one topic to another would cause issues displaying the OP). Removed from Meta for now, but you can still try it out using the theme creator link in the OP

[codinghorror (Jeff Atwood)]

Oh yes, this is 100% better, feel free to make it so!

[david (David Taylor)]

The topic rendering bug should now be ironed out, so I’ve re-enabled this here on Meta. Let’s see how we get on with it.

[fzngagan (Faizaan Gagan)]

Looking awesome. Keep up the good work.

[TheDarkWizard]

The bar is way better.

[Canapin (Coin-coin le Canapin)]

I like it very much, even if customized spinners won’t show up most of the time.
One issue though. The loading bar isn’t used when you reload the topic or topic list you’re on.
If you’re on meta home, click on the logo, and you’ll see the spinner instead of the bar.

[Terrapop]

I like it much better than the spinner. Great work!

How to set/change the color of the loading bar though?

[david (David Taylor)]

@Terrapop

How to set/change the color of the loading bar though?

Currently it’s set based on the ‘quaternary’ color in the color scheme. It would be easy to customize individually via CSS if you wanted to.

@Canapin

If you’re on meta home, click on the logo, and you’ll see the spinner instead of the bar.

Good catch, thanks. I’ll see if I can override that situation as well

[TheDarkWizard]

Is the goal to eventually move this into core Discourse and not require a theme component?