Linha azul acima do logotipo do banner

Acho que isso começou nas últimas 24 horas ou mais. Estou vendo uma linha azul acima do logotipo do banner…

Notei isso primeiro no meu fórum, mas é repetível no meta. Só vejo isso ao usar o navegador Edge. Não está lá no Firefox ou Chrome. Também só é visível no navegador móvel. A versão desktop do Edge não o mostra.

Atualizei para o código mais recente do Discourse ontem, mas não sei se começou a aparecer imediatamente após isso ou se houve uma atualização do Edge nas últimas 24 horas também.

Editar: Se eu visualizo a página como um site Desktop no navegador móvel, ela ainda está lá. Eu meio que esperava isso, mas valeu a pena tentar assim que pensei nisso.

Acho que as páginas carregam tão rápido que eu só vejo a barra completa. Suponho que não seja compatível com Chrome ou Firefox?

Na verdade, agora que pensei um pouco mais sobre isso, a barra só atinge cerca de 45% da largura da tela, mas o exemplo do componente de tema vai até o fim.
A barra nunca vai além de 45%, não importa quanto tempo eu espere. Isso significa que a página não está carregando completamente no Edge?

Editar:
Vejo o controle deslizante se eu atualizar a página. Ele é mais fino que a barra azul que vejo e a barra azul aparece depois que o controle deslizante chega a 100%.

1 curtida

Olá :waving_hand:

Essa linha é o link Pular para o conteúdo principal. Posso reproduzir isso se eu alterar o tamanho da fonte do Edge.

Em 100% de tamanho de fonte padrão, parece bom.

No entanto, se eu definir um tamanho de fonte maior, como 110% ou mais, o botão Pular para o conteúdo principal, que está oculto acima do cabeçalho, aparecerá porque parece que o redimensionador de fonte do navegador não respeita as coisas…


Parece que após recarregar a página, as coisas voltam ao normal

Antes de recarregar 200%

Após recarregar

Mas há um redimensionador de fonte no Discourse que você pode usar em vez do do navegador e você também pode usar os recursos nativos de acessibilidade do dispositivo. Estes respeitarão os elementos.

Alterar o tamanho do texto no Discourse:

Vá para a página de interface, onde você pode alterar o tamanho do texto.

3 curtidas

Aumentar o tamanho da fonte torna o botão visível, mas no meu telefone a linha azul fica visível a 100%. Preciso diminuir o tamanho para 90% para fazê-la desaparecer, ou definir o tamanho da fonte no Discourse como Menor. Tenho uma idade em que preciso começar a aumentar o tamanho da fonte, então diminuir não é realmente uma opção.

Estou intrigado com o propósito de um botão oculto. Se a maioria das pessoas (não mobile Edge ou com o tamanho de fonte ‘certo’) não consegue vê-lo, então não parece um item de UX muito útil?

Isso é por motivos de acessibilidade. Leitores de tela podem ver esse botão.

2 curtidas

Ah, ok.

Alguma ideia do que mudou? A linha azul não estava lá há alguns dias e eu não alterei o tamanho da fonte no Edge, no Discourse ou no meu telefone para que ela aparecesse. Ela parece ter aparecido depois que apliquei o último conjunto de commits do Discourse, mas não tenho 100% de certeza disso.