Changer la taille des icônes V4 (non widget)

Utilisation du core de Jeedom
1

Bonjour,

Je chercher comment modifier la taille des icônes en V4 sur le dashboard

En personnalisant la class CSS : .iconCmd > i { font-size: 40px; } j’y arrive sans problème pour les widgets.
En revanche les icônes utilisées directement sans widget ne changent pas de taille

image

image

Quelqu’un connaîtrait la class CSS à modifier pour celles là ? je cherche en vain.

Merci d’avance

2 
<i style="#heliosun#;" class="icon_yellow far meteo-soleil fa-2x">
<i style="#heliosun#;" class="icon_yellow far meteo-soleil fa-4x">
<i style="#heliosun#;" class="icon_yellow far meteo-soleil fa-8x">

Peut’être cet exemple pourrait t’aider c’est juste un coefficient multiplicateur a la fin.

en x 4 dans héliotrope ca donne ca :

2020-02-24-055526_955x402_scrot
2020-02-24-055526_955x402_scrot955×402 25.6 KB

1 « J'aime »
3

Salut,

La solution d’ @olive ne fonctionnera qu’avec certaines icônes pas toutes.

Tu peux essayer un truc dans ce genre mais ça ne rentre plus bien dans les boutons:

a.btn.btn-sm.btn-default { font-size:20px!important; }
4

Pas faux c’est surtout pour les icon type swg du core …

5

Merci beaucoup pour vos propositions.
Effectivement c’est surtout les boutons que j’essaie d’agrandir… Donc pas de solution idéale pour l’instant

6

hello, tu peux essayer cela pour les fond de bouton (je suis super debutant, j’ai cherché pendant 3 jours lol :slight_smile:

.eqLogic-widget[data-eqlogic_id="123"] .action.btn-default.btn-sm.btn { min-height:90px!important; }
.eqLogic-widget[data-eqlogic_id="123"] .action.btn-default.btn-sm.btn { width: 100% !important; }

maintenant je cherche à espacer les boutons :sob:

7

Salut,

dans l’idée :

.eqLogic-widget[data-eqlogic_id="123"] .action.btn-default.btn-sm.btn { 
  min-height:90px!important;
  width: 100% !important;
  margin: 5px!important;
}
8

Salut Salvialf,
en effet c’est mieux
merci top!
j’ai 3 boutons à l’horizontal, et je cherche à les espacer (espacer les bp et background entre eux)
margin augmente l’espace du bp à l’intérieur de son background
je ne sais pas si je m’exprime bien :slight_smile:

bp espace
bp espace719×263 9.79 KB

9

Effectivement je suis allé un peu vite en besogne.

en théorie ça devrait être mieux ainsi :

.eqLogic-widget[data-eqlogic_id="123"] .action.btn-default.btn-sm.btn { 
  min-height:90px!important;
  width: 100% !important;
}
.eqLogic-widget[data-eqlogic_id="123"] .cmd.cmd-widget { 
  margin: 0 5px!important;
}
10

c’est nikel, merci c’est bien ça!!

bp espace2
bp espace2899×262 12.3 KB

donc tu as appliqué en partant du widget!!! le 0 correspond à quoi (apres margin: ) ?
merci
pour repositionner un slider/ jauge, il faut aussi partir du widget?
(slider/ jauge au dessus de la porte de garage) je cherche à le repositionner
slider dessus garage
slider dessus garage784×673 61.3 KB

11

il y a 2 valeurs pour la propriété margin:

  • la 1ère correspond à la marge sur l’axe vertical (0px au dessus et en dessous)
  • la seconde à l’axe horizontal (5px de chaque côté)

Je suis parti de ce que tu avais fait, il y a plusieurs manières différentes d’arriver à ses fins.

.eqLogic-widget[data-eqlogic_id="123"] correspond à la tuile de l’équipement 123.

Dans cette tuile, il y a les widgets de chaque commande. Dans ton cas cette perso devrait également fonctionner sauf erreur :

.eqLogic-widget[data-eqlogic_id="123"] .cmd.cmd-widget { 
  min-height:90px!important;
  width: 100% !important;
  margin: 0 5px!important;
}

Pour décaler la commande slider il est sûrement plus simple de passer par une disposition tableau.

12

pour la dispo tableau je vais regarder, je ne connais pas!!! ,
j’ai essayé plusieurs choses, le slider est dans un virtuel ID 126,
dois je prendre l’id du slider uniquement (1366)
mais rien à faire!!!

/*taille du slider */
.eqLogic-widget[data-eqlogic_id="126"] .slider.slider-horizontal { 
  min-height:10px!important;
  width: 90% !important;
 margin: 40 20px!important; 
}