aaribaud/ESPSomfy-RTS
0
0
Fork 0
mirror of https://github.com/rstrouse/ESPSomfy-RTS.git synced 2026-07-15 07:12:14 +02:00
Code Issues Projects Releases Packages Wiki Activity

Make timing input fields responsive at 50% width

Browse source 
Replaced fixed max-width:127px on Up/Down Time and 50% mid-time fields
with calc(50% - 10px) / 50% so each pair fills the container width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Frédéric Metrich 2026-07-02 22:09:06 +02:00
parent 769b2ddd7d
commit d5691af611
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
data/index.html
View file

@ -662,26 +662,26 @@
</div>
<div id="divLiftSettings" style="margin-top:-10px;">
<div class="field-group"
style="display:inline-block;max-width:127px;margin-right:17px;margin-top:-10px;">
style="display:inline-block;width:calc(50% - 10px);margin-right:10px;margin-top:-10px;">
<input id="fldShadeUpTime" name="shadeUpTime" data-bind="upTime" data-datatype="int"
type="number" length=5 placeholder="milliseconds"
style="width:100%;text-align:right;" />
<label for="fldShadeUpTime">Up Time (ms)</label>
</div>
<div class="field-group" style="display:inline-block;max-width:127px;">
<div class="field-group" style="display:inline-block;width:50%;">
<input id="fldShadeDownTime" name="shadeDownTime" type="number" data-bind="downTime"
data-datatype="int" length=5 placeholder="milliseconds"
style="width:100%;text-align:right;" />
<label for="fldShadeDownTime">Down Time (ms)</label>
</div>
<div class="field-group"
style="display:inline-block;max-width:127px;margin-right:17px;margin-top:-10px;">
style="display:inline-block;width:calc(50% - 10px);margin-right:10px;margin-top:-10px;">
<input id="fldShadeUpMidTime" name="shadeUpMidTime" data-bind="upMidTime"
data-datatype="int" type="number" length=5 placeholder="optional"
style="width:100%;text-align:right;" />
<label for="fldShadeUpMidTime">50% Up Time (ms)</label>
</div>
<div class="field-group" style="display:inline-block;max-width:127px;">
<div class="field-group" style="display:inline-block;width:50%;">
<input id="fldShadeDownMidTime" name="shadeDownMidTime" type="number"
data-bind="downMidTime" data-datatype="int" length=5 placeholder="optional"
style="width:100%;text-align:right;" />