Botões do menu suspenso do usuário estão quebrando

Acabei de notar que esses botões estão quebrando para mim no meta e na revisão:

(Chromium no Linux)

3 curtidas

Talvez algo para o @awesomerobot verificar amanhã?

2 curtidas

Não consigo reproduzir isso no Windows/MacOS… Suspeito que a adição da barra de rolagem esteja afetando a largura… então reduzi um pouco a largura máxima do nome de usuário e removi alguns pixels de padding.

2 curtidas

Após algumas investigações, o culpado é este (nas configurações do Chromium)

independentemente do nível de zoom

5 curtidas

oohh isso é útil, acho que consigo uma correção melhor para isso

6 curtidas

ok, essa é uma boa correção! Consegui remover algumas larguras fixas daquela área do menu, então agora podemos lidar melhor com situações em que há muito conteúdo ali.

No layout flex, estou priorizando espaço para os ícones, então eles nunca devem quebrar de linha e, em vez disso, truncarão mais o nome de usuário conforme necessário. Por outro lado, isso também significa que lidamos melhor com o truncamento do nome de usuário em geral, então nomes longos também serão truncados menos do que antes (quando há mais espaço disponível no tamanho padrão da fonte)…

4 curtidas

Ah, muito melhor! Super, até mesmo:

:hugs:

3 curtidas

Você pode fazer a mesma mágica no menu :wrench:?

Médio:

vs Grande:

6 curtidas

Isso deve resolver o problema, é um caso semelhante… tínhamos uma largura fixa ali. Agora, ele deve se ajustar melhor às alterações no tamanho da fonte:

4 curtidas