Vários itens do menu do usuário não presentes em smartphones

Olá. Novo usuário aqui, apenas para postar esta mensagem, então desculpe se for um duplicado (não encontrei nada relacionado a isso, no entanto).

No Discourse 2.8.0 parece haver um problema com o menu do usuário, seja em um smartphone real com tela de 375px x 667px, ou em um virtual (Firefox no Modo de Design Responsivo): até onde vi, o div id="quick-access-profile" ul tem um estilo flex que leva a alguns elementos não serem exibidos em telas pequenas.

Como exemplo vindo do discuss.pixls.us (mas presente neste próprio site também) e capturado com um smartphone real:

Pelo que pude apurar, parece que o estilo flex força a primeira coluna a ter quase a largura da viewport, jogando para fora da tela (para a direita) os elementos que não cabem no espaço vertical.

Por curiosidade, no meu smartphone o elemento de logout não pode ser alcançado em vista retrato, enquanto no Firefox no Modo de Design Responsivo é o contrário (é na vista paisagem que não consigo alcançar o elemento de logout).

Espero que isso ajude.

2 curtidas

E esta é a visualização paisagem (como sou um novo usuário e não posso postar 2 imagens em uma única postagem):

4 curtidas

Obrigado pelo relatório detalhado! Isso parece preciso. Vamos consertar.

4 curtidas

Isso está corrigido aqui:

4 curtidas

Obrigado! :smile:

Parece que agora funciona aqui no meu smartphone, embora eu não entenda muito bem isto:

(do github)
Aumentando o breakpoint e diminuindo o padding para obter cobertura total. Aplica-se apenas a dispositivos muito pequenos (menores que o iPhone SE)

Acho que você está se referindo à 2ª versão do iPhone SE (baseado no iPhone 8), mas o iPhone 7 (o meu) tem exatamente a mesma resolução (viewport), e parece que também foi corrigido para ele. Então a correção também se aplica ao iPhone SE, eu acho.

De qualquer forma, está resolvido agora. Obrigado novamente.

1 curtida