Hallo,
ich schaffe es nicht, die Größe der Icons zu erhöhen in:
<div data-type="spinner"
data-device="volume"
data-get="STATE"
data-set=""
data-max="100"
data-height="100"
data-step="2"
data-icon-left="fa-volume-down"
data-icon-right="fa-volume-up"
class="top-space-2x">
</div>
Weder mit big usw. noch mit fa-2x noch indem ich in der ftui_spinner.css die font-size für die Icons hochsetze (geht das dort vielleicht nur für normale Fonts?).
Mache ich etwas falsch oder ist das nicht vorgesehen?
Grüße
Martin
Das Thema hatten wir schon mal diese Woche: https://forum.fhem.de/index.php/topic,58604.0.html
Es ist noch nicht vorgesehen, dass die Icons mitwachsen.
Diese befinden sich auch nicht direkt am <div data-type="spinner", sondern 1-2 Ebenen weiter innerhalb. Deshalb wirkt das class="fa-2x" nicht. Das mache ich noch ...
aber, das müsste doch klappen
data-icon-left="fa-volume-down fa-2x"
Das war das erste, was ich versucht habe (da das an anderen Stellen prima klappt). Im Spinner kann ich dadurch aber keine Veränderung erkennen.
das fa-2x kann sich nicht behaupten, andere Class sind stärker und setzen ihren Wert durch.
Nimm mal eine Class mit !important dran, sowas wie big, bigger, bigplus
Hatte ich alle schon (und habe gerade noch einmal) probiert. Die Icons bleiben hartnäckig identisch.
data-icon-right="fa-volume-up bigger"
geht schon, aber das eingesetzte fa-fw (fixe Weite) lässt das große Icon dann in die nächste Zeile rutschen.
Dann muss man das soch sauber mit durchgestylten classes fürs Widget realisieren
Danke, damit geht's einstweilen (größere Icons und kein Zeilensprung). Hat wohl auch etwas mit Breite/Höhe zu tun:
<div data-type="spinner"
data-device="volume"
data-get="STATE"
data-set=""
data-max="100"
data-height="100"
data-width="300"
data-step="2"
data-icon-left="fa-volume-down bigger"
data-icon-right="fa-volume-up bigger"
class="fa top-space-2x">
</div>