FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: drhirn am 06 Oktober 2016, 18:54:18

Titel: Spinner größer darstellen
Beitrag von: drhirn am 06 Oktober 2016, 18:54:18
Hi,

mir ist das Spinner-Widget zu klein. Ich treff mit meinen Fingern nie ;)
Wie bekomme ich das größer hin? V.a. das "+" und "-"? class="bigger" funktioniert irgendwie leider nicht.

Danke!
Stefan
Titel: Antw:Spinner größer darstellen
Beitrag von: setstate am 06 Oktober 2016, 19:43:43
data-width="200" und data-height="50"
sind die defaults. Einfach nach deinen Wünschen anpassen.
Titel: Antw:Spinner größer darstellen
Beitrag von: drhirn am 06 Oktober 2016, 20:15:04
Vergrößert mir irgendwie nur die Schrift, aber nicht die Icons.
Titel: Antw:Spinner größer darstellen
Beitrag von: setstate am 06 Oktober 2016, 20:21:46
Okay, Icons habe ich nicht getestet. Mit den Standard- plus/minus klappt es aber.

Titel: Antw:Spinner größer darstellen
Beitrag von: drhirn am 07 Oktober 2016, 13:47:11
Hab mir jetzt geholfen, indem ich eine eigene CSS-Datei eingebunden habe und einfach

.spinner > .righticon.fa,
.spinner > .lefticon.fa {
    font-size: 4em !important;
}

verwende.
Titel: Antw:Spinner größer darstellen
Beitrag von: setstate am 07 Oktober 2016, 13:56:37
Und welche height und width benutzt du? Dann würde ich alles zusammen als "big" bzw. "bigger" für Spinner anlegen.
Titel: Antw:Spinner größer darstellen
Beitrag von: drhirn am 07 Oktober 2016, 14:00:07
edit: Höhe 60 statt 50 sieht besser aus.

---
Öhm, momentan


font-size: 3em !important;



data-width="300"
data-height="50"


Die Praxistauglichkeit muss sich allerdings noch beweisen, hab die Tablets nicht bei der Hand.
Praktisch wär ja irgendwie, wenn man einfach die "fontawesome" Größenangaben (fa-2x, ...) einbauen könnte.