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 Curtiram

Talvez algo para o @awesomerobot verificar amanhã?

2 Curtiram

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 Curtiram

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

independentemente do nível de zoom

5 Curtiram

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

6 Curtiram

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 Curtiram

Ah, muito melhor! Super, até mesmo:

:hugs:

3 Curtiram

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

Médio:

vs Grande:

6 Curtiram

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 Curtiram