[UX] amélioration de l'affichage des données sur une ligne

[mutmut]

Hello,
je viens de remarquer que les chiffres à virgules et leurs unités sont sur 2 lignes alors que les chiffres ronds sont sur une ligne :

Par contre je n’ai pas ça sur d’autres unités :

J’ai aussi le même comportement avec des chiffres ronds :

De ce que j’ai trouvé, ce serait ce code qui serait à l’origine de la taille :

J’ai aussi des affichages bizarre de ce style où je suis obligé de scroller à l’horizontale pour voir l’ensemble :

Et le code serait :

Merci d’avance.

[mutmut]

Dans ce post, on voit qu’il y aussi quelques soucis d’alignement des textes :

@_Will_71

On peut voir aussi qu’il y a une difference sur l’alignement du texte à gauche

et j’ai aussi la même chose sur 3 colonnes :

et c’est encore plus flagrant sur 2 colonnes :

[pierre-gilles]

Salut !

Cette vue fonctionne en 3 colonnes qui doivent avoir la même taille pour que ce soit visuellement propre.

C’est la longueur de ton appareil avec le titre le plus long qui détermine la taille de la colonne du milieu :

Tu verras que si tu renommes « NetIn (Température - Minimum in Undefined) » en quelque chose de plus court, ça devrait ajuster tout l’affichage

Si tu as une solution en CSS qui marche mieux, je suis preneur. J’ai essayé plusieurs fois de changer comment ça fonctionnait mais je n’ai jamais réussi, c’est un équilibre complexe qui dépend de la donnée affichée