Le centrage vertical ne fonctionne plus

Bonjour,
Depuis la mise à jour en 4.1, mes infos ne sont plus centrées verticalement sur mon design.

image

Voici ma configuration :

Au niveau de mon widget, j’ai cette configuration :

<div style="font-weight: bold; font-size: 40px; color: #000000">#value##unite#</div>

Mathieu

Il faut mettre le vertical-align: middle; sur chaque case.

Pas mieux avec cette configuration :

Je me posais la question aussi car les deux ne fonctionne plus non plus pour moi

J’ai pourtant la même chose marche très bien.

Pas de css custom ?

Dans personnalisation avancée, j’ai quelque chose, mais c’est désactivé.

Avec cette configuration:

J’ai ça (c’est presque centré) :
image

J’ai l’impression que ça vient de cette ligne :

font-weight: bold; font-size: 40px !important; color: #000000;

Mathieu

Hello @kiboost,
J’ai continué à gratter un peu et je ne trouve pas.
Si j’active la case, j’ai bien un alignement.

Voici mon template (à renommer en json) : Affichage Design Num unité.json.txt (3,3 Ko)

Mathieu

:up:
Hello,
Pourriez-vous m’aider ?
Je n’arrive pas à régler le problème :frowning:

J’ai fait au plus simple avec comme widget celui par défaut :

image

ou encore avec le widget « Badge » :
image

@kiboost En utilisant ta configuration https://community.jeedom.com/uploads/default/original/3X/2/1/210a3481d64324b6ad935eea34a2edcfb332bc9a.jpeg

PS: c’est quand j’ajoute la valeur font-size: 40px !important; que j’ai le problème mais j’ai encore un décalage.
image

Mathieu

Je pense qu’il faut que tu change aussi ton line-height ne mettant une font plus grande.

Hello @kiboost,
J’ai testé ceci:

Le résultat:
image

Le 0,12 n’est toujours pas centré. Je comprends pas…
Mathieu

Bonjour,

J’ai le même problème, j’ai tout testé, sans succès.


image

J’ai le même soucis sur d’autres tableaux.

Hello,
C’est arrivé avec la V4.1… pour moi, c’est bien un bug de cette version.

Mathieu

:up:
Merci :slight_smile: