Slider de carregamento horizontal

:police_car_light: 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
ezgif-6-370e14693a43 ezgif-6-f4ed194f762c

Problemas Conhecidos:

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

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

92 curtidas

Isso é muito mais visualmente agradável para mim. O spinner de carregamento é legal, mas bastante brusco.

25 curtidas

Podemos tentar por um dia ou dois no Meta @david?

16 curtidas

Claro, vamos ver como fica. Ativado aqui no Meta :+1: (E este tópico foi temporariamente fixado e renomeado para que as pessoas saibam que está acontecendo)

25 curtidas

Embora eu goste, ele parece bastante mais lento. Talvez seja porque eu tenha uma latência de ~250ms do Meta.

14 curtidas

É, estou dividido quanto a isso. Gosto que ele pare o piscar de tela inteira, mas deixa a interface um pouco menos responsiva :thinking:

15 curtidas

Por outro lado, sinto que isso torna a página mais rápida em conexões de baixa latência. No entanto, a responsividade da interface do usuário é diferente.

13 curtidas

Eu preferia o spinner, embora, para ser honesto, eu não tivesse realmente percebido sua presença. Gosto do fato de ele aparecer por um instante e, em seguida, a página surgir de repente. Isso parece rápido. Com a barra, fico mais consciente de que estou esperando. Eu percebi que ainda estava olhando para ela quando, caso contrário, já poderia ter começado a ler a página.

Talvez houvesse alguma melhoria se ele “terminasse” em uma fase anterior do carregamento da página.

Ou, se quiserem se afastar do antigo spinner, que tal um novo spinner que seja uma versão circular da barra — completando 360 graus logo antes de desaparecer?

10 curtidas

Isso estava revelando alguns bugs de renderização diferentes (por exemplo, navegar diretamente de um tópico para outro causava problemas na exibição do OP). Removido do Meta por enquanto, mas você ainda pode testá-lo usando o link do criador de temas no OP.

14 curtidas

Ah, sim, isso é 100% melhor, fique à vontade para fazer isso!

17 curtidas

O bug de renderização de tópicos agora deve estar resolvido, então reativei isso aqui no Meta. Vamos ver como as coisas ficam com isso.

17 curtidas

Ficou ótimo. :+1:t2: Continue com o bom trabalho.

9 curtidas

O bar está muito melhor.

6 curtidas

Eu gosto muito, mesmo que os spinners personalizados não apareçam na maioria das vezes.
Um problema, porém: a barra de carregamento não é usada quando você recarrega o tópico ou a lista de tópicos em que está.
Se você estiver na página inicial do Meta, clique no logotipo e verá o spinner em vez da barra.

8 curtidas

Gosto muito mais dele do que do spinner. Ótimo trabalho!

Mas como definir/mudar a cor da barra de carregamento?

6 curtidas

Atualmente, ela é definida com base na cor “quaternária” no esquema de cores. Seria fácil personalizar individualmente via CSS, se desejar.

Ótima observação, obrigado. Vou ver se consigo sobrescrever essa situação também :+1:

12 curtidas

O objetivo é eventualmente mover isso para o núcleo do Discourse e não exigir mais um componente de tema?

7 curtidas