Faça o progresso do tópico na visualização móvel usar números de largura fixa

É apenas um pouquinho, mas a largura desigual dos números fará com que o botão do menu de administração à esquerda fique pulando ao rolar para baixo (embora sejam apenas alguns pixels, às vezes chama minha atenção inesperadamente).

Talvez usar uma fonte monoespaçada melhore a experiência. :slightly_smiling_face:

5 curtidas

Boa sugestão! Não acho que precisaríamos necessariamente mudar a fonte… poderíamos alternativamente garantir que o contêiner para os números seja sempre mais largo que o conteúdo, para que haja algum espaço de “buffer” para eles se expandirem sem alterar o layout.

4 curtidas

Eu acabei de brincar um pouco com padding e unidades ch, mas nada ficou perfeito. Acho que a ideia da fonte monoespaçada é a melhor aposta, mas a nossa atual JetBrains parece um pouco estranha para mim:

Poderíamos usar unidades ch, mas então, por exemplo, 4ch funcionaria até 9/XX, 5ch funcionaria até 99/XX e 6ch cobriria quase tudo (até XX/100), mas então poderia ficar bastante espaçado sem motivo na maioria das vezes?

De qualquer forma, talvez por enquanto, eu implementarei a largura mínima de 6ch, o que deve melhorar a maioria dos tópicos.

Editar: UX: improve progress styling on mobile by chapoi · Pull Request #34886 · discourse/discourse · GitHub

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