Spinner größer darstellen

Begonnen von drhirn, 06 Oktober 2016, 18:54:18

Vorheriges Thema - Nächstes Thema

drhirn

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

setstate

#1
data-width="200" und data-height="50"
sind die defaults. Einfach nach deinen Wünschen anpassen.

drhirn

Vergrößert mir irgendwie nur die Schrift, aber nicht die Icons.

setstate

Okay, Icons habe ich nicht getestet. Mit den Standard- plus/minus klappt es aber.


drhirn

#4
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.

setstate

Und welche height und width benutzt du? Dann würde ich alles zusammen als "big" bzw. "bigger" für Spinner anlegen.

drhirn

#6
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.