FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: blasterx am 26 März 2018, 21:09:06

Titel: Bug im Widget label.js?
Beitrag von: blasterx am 26 März 2018, 21:09:06
Hallo,

folgendes ist mir aufgefallen, wenn ich ein Label anlege zb mit einem Namen als Schriftzug und gebe die css Class "icon round" an ist der Schriftzug nicht zentriert sondern oben an dem Kreis ausgerichtet. Sollte der Schriftzuug nicht mittig (zentriert) erscheinen? Und wenn ich die css Class zb "bg-red" angebe bleibt ein kleiner grauer Ring stehen und das Widget wird nicht voll gefüllt.

Gruß BlasterX
Titel: Antw:Bug im Widget label.js?
Beitrag von: setstate am 27 März 2018, 08:06:42
Da muss was im CSS korrigiert werden

vorher

div[data-type="label"].icon,
.hbox.icon {
    /*padding-top: 1.2em;*/
    height: 4em;
    width: 4em;
}


nachher:


div[data-type="label"].icon,
.hbox.icon {
    height: 4em;
    width: 4em;
}

div[data-type="label"].icon {
    padding-top: 1.2em;
}


Eventuell eleganter ist line-height="4em" anstatt padding. Muss ich noch probieren.