Impossible de diminuer la largeur d'une cellule

Bonjour à toutes et tous !

Un souci avec un widget tout simple. J’ai créé une image d’une led ronde de 15x15 pixels de couleur rouge et une similaire de couleur grise. Les 2 images ont été transférées dans ma jeedom (Luna en version 4.4.6) et j’ai créé un simple widget.

Sur mon dashboard, je souhaite utiliser ce widget dans un tableau comme celui-ci avec la led accolée au texte grâce à une configuration avancée.

Mais impossible de diminuer la largeur de la colonne à une vingtaine de pixels. Pourquoi n’est-il pas possible de diminuer la largeur de la cellule sachant que la taille de la led est nettement plus petite ? Comment faire pour contourner ce problème ? Mes connaissances en CSS sont limitées et si un bout de code pourrait résoudre ce problème, je suis preneur ! Petites précisions, le problème est similaire en V4.3. et j’ai effacé le cache de mon navigateur après chaque essai.

D’avance merci …

Salut,

Après avoir activé la personnalisation avancée, mettez ceci dans custom.css
image

div.eqLogic-widget div.cmd-widget {
    min-width: 30px !important;
}

AVANT

image

APRES

image

Toujours possible ensuite de mettre un paramètre spécifique.

image

image

1 « J'aime »

@Furaxworld Un immense merci !

1 « J'aime »

Bonjour

Savez-vous s’il est possible d’agir sur la hauteur des lignes avec un « min-height » dans le CSS ?
Car comme on le voit sur l’exemple posté, le texte nage dans une cellule très haute.

Merci

Bonsoir,

Pour information on ne sectionne pas son propre post comme solution mais le post ayant donné la solution et dans le cas présent celui de @Furaxworld, je corrige donc afin que ceux qui auraient le même souci puisse voir la solution plus rapidement.

2 « J'aime »

oui merci … j’utilise ce document assez bien fait
Commandes CSS.pdf (378,4 Ko)

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.