Pequenas inconsistências na interface do usuário no botão user-menu-billing

,

image

Conforme visto na captura de tela, todos os outros botões, exceto “Billing”, incluem apenas um ícone svg sem palavras, mas “Billing” inclui, o que causa uma incompatibilidade visual.

Seria melhor remover as palavras? Acho que o ícone é suficiente.

Uma PR para remover isso está aqui.

1 curtida

Ótima observação, obrigado por levantar essa questão @small-lovely-cat! Percebo que é bastante chocante ter apenas 1 ícone acompanhado de palavras na sua interface.

Pelo que consigo ver aqui, isso provavelmente acontece quando a viewport fica muito estreita, e aplicamos alguns estilos para que esses elementos de texto não sejam exibidos na página:

O componente de Faturamento que você atualizou no seu PR está sem o elemento span ao redor do texto internacionalizado. Deveríamos adicionar isso, e isso deve ser suficiente para lidar com este caso. Não gostaríamos de remover o texto inteiramente, caso contrário, teríamos o problema de que o ícone estaria sem texto enquanto todos os outros ícones teriam textos acompanhantes em viewports mais largas.

4 curtidas

ok, obrigado pela sua rápida resposta~
Uma versão corrigida do PR está aqui, e a anterior foi fechada (o github falhou em me deixar mesclar isso >﹏<).

3 curtidas

Obrigado novamente @small-lovely-cat, aprovei e mesclei o PR :slight_smile:

3 curtidas

Este tópico foi fechado automaticamente após 18 horas. Novas respostas não são mais permitidas.