Só um detalhe, mas recentemente lembrei que o XenForo sempre teve um indicador de carregamento. Fico feliz em ver que o Discourse agora tem algo semelhante. 
Estou me perguntando o que será mais chato quando a rede estiver ruim.
Ótimo! 
1 curtida
Você pode simular condições de rede ruins usando o console f12 no Chrome, se quiser.
4 curtidas
Atualização sobre o iPhone 6s:
A aparência está muito boa agora com o tema escuro e muitos outros temas no celular.
Muito bem feito!
Atualização sobre o Desktop:
O controle deslizante de carregamento ainda é quase invisível no Chromium com monitores ROG de 27" e 34".
Podemos ter uma opção de tema para ativar/desativar com base em mobile/desktop?
1 curtida
Eu quero dizer o mesmo 
Opção realmente boa. 
1 curtida
Consigo reproduzir isso ao usar o login do Facebook. Parece que isso causa o parâmetro de URL #_=_
4 curtidas
Descobri que desativar o plugin discourse-topic-list-previews resolve todos os problemas com o Loading slider. Assim que o reativo, o problema retorna.
Não estamos usando nenhum login de terceiros, então parece que isso pode ser um bug separado (ou de alguma forma conectado?).
Edição: Na verdade, com ambos os plugins ativados, a página permanece embaçada apenas nos tópicos onde o discourse-topic-list-previews encontrou uma imagem para substituir a padrão… e na página de categorias.
2 curtidas
Dando sequência aos testes em dispositivos móveis e desktop com diversos temas, parece que algo assim produz um resultado agradável para este incrível slider:
height: 4px;
@media only screen and (min-width: 960px) {
height: 7px;
}
Adicionar um único pixel (de 3px para 4px) ao padrão fica ótimo no mobile; e em telas desktop maiores, acima de 5px, também fica legal, mas por enquanto optei por 7px
Vou trabalhar um pouco mais nisso conforme tiver tempo, testando com vários temas em desktops “grandes” e nos meus iPhones.
1 curtida
Posso voltar à primeira parte disso, por favor? Tendo testado no desktop, o desaparecimento gradual é mais irritante do que o controle deslizante. Acredito que seja porque, quando clico em um link para a página B, espero que a página A desapareça imediatamente (como o Discourse fazia antes) ou permaneça lá até que B apareça (como acontece com páginas da web).
3 curtidas
Olá, você pode usar isso para desabilitar a opacidade. Crie um novo componente no admin e adicione-o à seção comum.
body.loading #main-outlet {
opacity: 1 !important;
}
5 curtidas
Mas, nesse ponto, qual é o valor disso em comparação ao spinner? Apenas para ver um slider de carregamento?
2 curtidas
Isso apenas desativa o efeito de desaparecimento. Era a primeira versão. Apenas o slider superior, sem efeito de desaparecimento.
2 curtidas
Mais ou menos…
A primeira versão não teve nenhum efeito, então você não recebia nenhum feedback visual ao clicar em um link, exceto o slider; isso não era ideal.
Estou meio dividido entre ter a página opaca ou a página em branco ao clicar. Concordo que pode ser um pouco distrativo; talvez um fade até 0 ao clicar seja melhor… não tenho certeza.
6 curtidas
Sim, acho que sim… É realmente difícil… Talvez efeitos personalizáveis seriam bons para todos. 
Pessoalmente, eu gosto muito dele com esse efeito de fade também.
O único problema com opacidade 0 é que, neste momento, isso só afeta o main-outlet. O header e o below-site-header ainda permanecem visíveis.
1 curtida
Acho que estou expressando minha dor pessoal com o desvanecimento (pelo menos no desktop) @awesomerobot / @david
Acho muito, muito difícil ler o texto desvanecido, então agora, a cada transição, meu cérebro é forçado a ler texto desvanecido por uma fração de segundo, e isso é um pouco cansativo.
Talvez se desvanecesse até sumir totalmente seria melhor, não sei. Parte do problema também é que estou a 250ms de distância, então, no mínimo, vou gastar cerca de 300ms esperando, o que garante que haverá algum tempo gasto olhando para letras desvanecidas.
12 curtidas
Só pra constar,
Comentei a transição do corpo (o texto desaparecendo) e acho que ficou OK (e talvez pareça mais rápido) quando não há transição no corpo. Um tanto ou quanto…
// body #main-outlet {
// transition: opacity 0.2s ease;
// }
// body.loading #main-outlet {
// opacity: 0.2;
// transition: opacity var(--loading-duration) ease;
// }
2 curtidas
Valeu, Don, isso basta 
2 curtidas
Sim, no mobile, achei que o desaparecimento melhorou o slider, mas não dei uma boa olhada no desktop antes do desaparecimento ser introduzido. (No desktop, achei o desaparecimento irritante.)
