Personnalisation avancée: éviter redondance

[Gilou74]

Bonjour,
Je souhaite appliquer ces modifications sur d’autres tuiles/virtuels (pas toutes), comment éviter le redondance d’écriture pour chacun :

/**bouton: agrandir sur virtuel/objet: 189 **/
.eqLogic-widget[data-eqlogic_id="156"] .action.btn-default.btn-sm.btn { 
  min-height:40px!important;
  width: 100% !important;
  font-size: 24px !important;
   }

/**bouton: agrandir sur virtuel/objet: 169 **/
.eqLogic-widget[data-eqlogic_id="169"] .action.btn-default.btn-sm.btn { 
  min-height:40px!important;
  width: 100% !important;
  font-size: 24px !important;
   }

Par avance merci

[kaktusatomik]

Bonjour,

Regarde par ici

Comment désactiver le min-width:90px des commandes dans le CSS personnalisé

Ok ça marche c’était dashboard_class et non desktop_class. Génial ça va franchement me faciliter la vie. J’imagine qu’on peut en mettre autant qu’on veut du coup des classes comme ça…

[kiboost]

Tu peux mettre plusieurs selecteurs sur une regle css:

.eqLogic-widget[data-eqlogic_id=« 169 »] .action.btn-default.btn-sm.btn,
.eqLogic-widget[data-eqlogic_id=« 156 »] .action.btn-default.btn-sm.btn {
    -----
}

sinon si tu en v4.1 : Jeedom v4 Interface | Jeedom by KiboOst

Depuis la version 4.1 de Jeedom, vous pouvez ajouter une classe en Desktop et/ou Mobile sur une équipement. Pour cela, allez sur la page de votre équipement, configuration avancée, onglet Affichage. Ajoutez une Paramètre Optionnel sur la Tuile avec comme nom dashboard_class et/ou mobile_class et comme valeur la class CSS que vous souhaitez. Sur le Dashboard, une Vue, un Design, ou une page Equipements en Mobile, cette tuile aura alors la class CSS que vous avez définit.

Cela permet ensuite, en customisation avancée, de définir des règles CSS sur cette tuile, ou toutes les tuiles qui auront cette class CSS !

[Gilou74]

Merci beaucoup @kiboost,
comme je suis en v4, le pas à franchir pour la v4.1 n’est pas compliqué, je vais donc opter pour cette solution