Rendre la progression des sujets en vue mobile utilise des nombres à largeur fixe

Ce n’est qu’un tout petit peu, mais la largeur inégale des nombres fera rebondir le bouton du menu administrateur à gauche lorsque vous faites défiler vers le bas (bien que ce ne soit que quelques pixels, cela attire parfois mon attention de manière inattendue).

Peut-être que l’utilisation d’une police à chasse fixe améliorerait l’expérience. :slightly_smiling_face:

5 « J'aime »

Bonne suggestion ! Je ne pense pas que nous ayons nécessairement besoin de changer la police… nous pourrions alternativement nous assurer que le conteneur des nombres est toujours plus large que le contenu afin qu’il y ait un espace de “rembourrage” pour qu’ils puissent s’agrandir sans décaler la mise en page.

4 « J'aime »

J’ai juste joué un peu avec le padding et les unités ch, mais rien n’est vraiment parfait. Je pense que l’idée de la police monospace est la meilleure option, mais notre police JetBrains actuelle me semble un peu étrange :

Nous pourrions utiliser les unités ch, mais alors par exemple 4ch fonctionneraient jusqu’à 9/XX, 5ch fonctionneraient jusqu’à 99/XX et 6ch couvriraient presque tout (jusqu’à XX/100), mais alors ce serait peut-être assez spacieux sans raison la plupart du temps ?

Quoi qu’il en soit, peut-être pour l’instant, j’implémenterai la largeur minimale de 6ch, ce qui devrait améliorer la plupart des sujets.

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

Ce sujet a été automatiquement fermé après 5 jours. Les nouvelles réponses ne sont plus autorisées.