spinner data-height in sheet?

Begonnen von MarcoE, 17 August 2017, 10:09:23

Vorheriges Thema - Nächstes Thema

MarcoE

Hallo,
ich habe auf meiner Seite mehrere Spinner und setze auch die data-height, da sie mir sonst etwas zu groß werden. Nur innerhalb eines sheets scheint die Änderung von data-height keine Änderung der Höhe des Spinners zu bewirken.
Hier meine Beispiele:


  • zuerst ohne sheet (sprich die Version in der data-height funktioniert):

<div data-type="spinner" data-device="Schlafzimmer" data-get="desired-temp" data-set="desired-temp" data-min="14" data-max="25" data-step="0.5" data-unit="&deg;" data-gradient-color='["blue","red"]' data-width="130px" data-height="39%" class="valueonly left-space"></div>



  • dann die Version mit sheet (die die Probleme macht- hier ist leider eben noch einiges mehr wegen des sheets drin):

<div class="sheet">       
<div class="row">
<div data-type="spinner" data-device="Arbeitszimmer" data-get="desired-temp" data-set="desired-temp" data-min="14" data-max="25" data-step="0.5" data-unit="&deg;" data-gradient-color='["blue","red"]' data-width="45%" data-height="20px" class="cell-50 valueonly top-narrow"></div>
<div class="cell-25"></div>
</div>
<div class="row">
<div class="sheet">
<div class="row">
<div data-type="switch" data-device="Arbeitszimmer" data-set="desired-temp" data-get="desired-temp" data-set-on="[Arbeitszimmer:night-temp]" data-get-on="Arbeitszimmer:night-temp" data-lock="desired-temp" data-lock-on="Arbeitszimmer:night-temp" data-lock-off="!on" data-get-off="!on" data-icon="fa-moon-o" class="left-align cell"></div>
<div data-type="label" data-device="Arbeitszimmer" data-get="measured-temp" data-unit="%B0C%0A" class="top-align cell big"></div>
<div data-type="switch" data-device="Arbeitszimmer" data-set="desired-temp" data-get="desired-temp" data-set-on="[Arbeitszimmer:day-temp]" data-get-on="Arbeitszimmer:day-temp" data-lock="desired-temp" data-lock-on="Arbeitszimmer:day-temp" data-lock-off="!on" data-icon="fa-sun-o" class="right-align cell"></div>
</div>
</div>
<div class="cell">
<div data-type="label" class="top-narrow darker small">Buegeleisen</div>
<div data-type="switch" data-device="Buegeleisen" class=""></div>
</div>
<div class="cell"></div>
</div>
</div>


Egal ob ich in der zweiten Variante die Höhe des spinners per px oder % setze gibt es leider keine Änderung.
Was kann ich da noch machen?

Danke und viele Grüsse,
Marco