Bandeau de la tuile

Bonsoir à tous,
Existe-il un moyen de redimensionner le bandeau de la tuile ? L’affichage actuel est le suivant :

Screenshot 2023-08-27 at 19-42-34 Dashboard - Jeedom
Et j’aimerais obtenir celui-ci (sans les signes « = » qui ne sont là que pour l’illustration) :

Screenshot 2023-08-27 at 19-40-41 Dashboard - Jeedom
J’ai trouvé ce code css line-height:45px; que je mets dans Affichage => Paramètres optionnels mais le soucis c’est que cela redimensionne aussi toutes les lignes suivantes de la tuile.

Screenshot 2023-08-27 at 20-20-36 Dashboard - Jeedom
Si quelqu’un connaît l’astuce, je veux bien un coup de main. Merci d’avance et bonne soirée.

Bonjour,

A ajouter dans Personnalisation avancée => custom.css (XX à remplacer par l’ID de votre équipement) :

/*Hauteur bandeau*/
[data-eqlogic_id="XX"] .widget-name {
	height: 50px;
}

Et pour tous les équipements du plugin :

[data-eqtype="calendar"] .widget-name {
	height: 50px;
}

Bonsoir @Spine,
Cela fonctionne parfaitement. Merci beaucoup. Il me reste une petite question pour aligner le texte verticalement à l’intérieur du bandeau voici ce que j’ai fait mais l’alignement vertical ne se fait pas.

/*Hauteur bandeau*/
[data-eqlogic_id='735'] .widget-name {
	height:45px;
  	vertical-align:middle;
}

C’est pas centré là :
image
:sweat_smile:
Pas sûr que ce soit la meilleure solution mais vous pouvez essayer ceci :

[data-eqlogic_id="XX"] .widget-name {
	height: 50px;
	padding-top: 10px;
}

Génial ! Ça marche.
Screenshot 2023-08-27 at 22-41-37 Dashboard - Jeedom
Grand merci et bonne nuit.

1 « J'aime »

Bonjour,

J’ai trouvé une solution un peu plus souple que

padding-top: 10px;

pour conserver les centrages verticaux et horizontaux :

/*Hauteur bandeau PLUGIN AGENDA*/
[data-eqtype="calendar"] .widget-name {
	height: 50px;
    display : flex;
	align-items : center;
    justify-content : center;
}

Encore merci parce que je n’y serais jamais arrivé sans toi.

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