Adjust input field widths

This commit is contained in:
cschwinne 2021-06-30 21:53:22 +02:00
parent 7483d3b229
commit 4aa53aa5a5
5 changed files with 99 additions and 90 deletions

View File

@ -261,7 +261,7 @@ build_flags = ${common.build_flags_esp8266} -D LEDPIN=1 -D WLED_DISABLE_INFRARED
[env:esp32dev]
board = esp32dev
platform = espressif32@3.2
platform = espressif32@2.0
build_unflags = ${common.build_unflags}
build_flags = ${common.build_flags_esp32} -D WLED_RELEASE_NAME=ESP32
lib_ignore =
@ -270,7 +270,7 @@ lib_ignore =
[env:esp32_eth]
board = esp32-poe
platform = espressif32@3.2
platform = espressif32@2.0
upload_speed = 921600
build_unflags = ${common.build_unflags}
build_flags = ${common.build_flags_esp32} -D WLED_RELEASE_NAME=ESP32_Ethernet -D RLYPIN=-1 -D WLED_USE_ETHERNET -D BTNPIN=-1

View File

@ -252,11 +252,11 @@ Color Order:
<option value="4">BGR</option>
<option value="5">GBR</option>
</select><br>
<span id="p0d${i}">Pin:</span> <input type="number" name="L0${i}" min="0" max="40" required style="width:35px" onchange="UI()"/>
<span id="p1d${i}">Clock:</span> <input type="number" name="L1${i}" min="0" max="40" style="width:35px" onchange="UI()"/>
<span id="p2d${i}"></span><input type="number" name="L2${i}" min="0" max="40" style="width:35px" onchange="UI()"/>
<span id="p3d${i}"></span><input type="number" name="L3${i}" min="0" max="40" style="width:35px" onchange="UI()"/>
<span id="p4d${i}"></span><input type="number" name="L4${i}" min="0" max="40" style="width:35px" onchange="UI()"/>
<span id="p0d${i}">Pin:</span> <input type="number" class="tiny" name="L0${i}" min="0" max="33" required onchange="UI()"/>
<span id="p1d${i}">Clock:</span> <input type="number" class="tiny" name="L1${i}" min="0" max="33" onchange="UI()"/>
<span id="p2d${i}"></span><input type="number" class="tiny" name="L2${i}" min="0" max="33" onchange="UI()"/>
<span id="p3d${i}"></span><input type="number" class="tiny" name="L3${i}" min="0" max="33" onchange="UI()"/>
<span id="p4d${i}"></span><input type="number" class="tiny" name="L4${i}" min="0" max="33" onchange="UI()"/>
<br>
<span id="psd${i}">Start:</span> <input type="number" name="LS${i}" id="ls${i}" min="0" max="8191" value="${lastEnd(i)}" required />&nbsp;
<div id="dig${i}" style="display:inline">
@ -315,7 +315,7 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
<br>
Enable automatic brightness limiter: <input type="checkbox" name="ABen" onchange="enABL()" id="able"><br>
<div id="abl">
Maximum Current: <input name="MA" type="number" min="250" max="65000" oninput="UI()" required> mA<br>
Maximum Current: <input name="MA" type="number" class="xmed" min="250" max="65000" oninput="UI()" required> mA<br>
<div id="ampwarning" style="color: orange; display: none;">
&#9888; Your power supply provides high current.<br>
To improve the safety of your setup,<br>
@ -348,8 +348,8 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
Use less than <span id="wreason">800 LEDs per pin</span> for the best experience!<br>
</div><hr style="width:260px">
<div id="btns"></div>
Touch threshold: <input type="number" min="0" max="100" name="TT" required><br>
IR pin: <input type="number" min="-1" max="40" name="IR" onchange="UI()" style="width:35px">&nbsp;<select name="IT">
Touch threshold: <input type="number" class="small" min="0" max="100" name="TT" required><br>
IR pin: <input type="number" class="tiny" min="-1" max="40" name="IR" onchange="UI()">&nbsp;<select name="IT">
<option value="0">Remote disabled</option>
<option value="1">24-key RGB</option>
<option value="2">24-key with CT</option>
@ -360,23 +360,23 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
<option value="7">9-key red</option>
</select><span style="cursor: pointer;" onclick="off('IR')">&nbsp;&#215;</span><br>
<a href="https://github.com/Aircoookie/WLED/wiki/Infrared-Control" target="_blank">IR info</a><br>
Relay pin: <input type="number" min="-1" max="40" name="RL" onchange="UI()" style="width:35px"> Invert <input type="checkbox" name="RM"><span style="cursor: pointer;" onclick="off('RL')">&nbsp;&#215;</span><br>
Relay pin: <input type="number" class="tiny" min="-1" max="33" name="RL" onchange="UI()"> Invert <input type="checkbox" name="RM"><span style="cursor: pointer;" onclick="off('RL')">&nbsp;&#215;</span><br>
<hr style="width:260px">
<h3>Defaults</h3>
Turn LEDs on after power up/reset: <input type="checkbox" name="BO"><br>
Default brightness: <input name="CA" type="number" min="0" max="255" required> (0-255)<br><br>
Apply preset <input name="BP" type="number" min="0" max="250" required> at boot (0 uses defaults)
Default brightness: <input name="CA" type="number" class="small" min="0" max="255" required> (0-255)<br><br>
Apply preset <input name="BP" type="number" class="small" min="0" max="250" required> at boot (0 uses defaults)
<br><br>
Use Gamma correction for color: <input type="checkbox" name="GC"> (strongly recommended)<br>
Use Gamma correction for brightness: <input type="checkbox" name="GB"> (not recommended)<br><br>
Brightness factor: <input name="BF" type="number" min="1" max="255" required> %
Brightness factor: <input name="BF" type="number" class="small" min="1" max="255" required> %
<h3>Transitions</h3>
Crossfade: <input type="checkbox" name="TF"><br>
Transition Time: <input name="TD" maxlength="5" size="2"> ms<br>
Transition Time: <input name="TD" type="number" class="xmed" min="0" max="65500"> ms<br>
Enable Palette transitions: <input type="checkbox" name="PF">
<h3>Timed light</h3>
Default Duration: <input name="TL" type="number" min="1" max="255" required> min<br>
Default Target brightness: <input name="TB" type="number" min="0" max="255" required><br>
Default Duration: <input name="TL" type="number" class="small" min="1" max="255" required> min<br>
Default Target brightness: <input name="TB" type="number" class="small" min="0" max="255" required><br>
Mode:
<select name="TW">
<option value="0">Wait and set</option>

View File

@ -31,20 +31,20 @@
Network name (SSID, empty to not connect): <br><input name="CS" maxlength="32"><br>
Network password: <br> <input type="password" name="CP" maxlength="63"><br>
Static IP (leave at 0.0.0.0 for DHCP):<br>
<input name="I0" type="number" min="0" max="255" required> .
<input name="I1" type="number" min="0" max="255" required> .
<input name="I2" type="number" min="0" max="255" required> .
<input name="I3" type="number" min="0" max="255" required><br>
<input name="I0" type="number" class="small" min="0" max="255" required> .
<input name="I1" type="number" class="small" min="0" max="255" required> .
<input name="I2" type="number" class="small" min="0" max="255" required> .
<input name="I3" type="number" class="small" min="0" max="255" required><br>
Static gateway:<br>
<input name="G0" type="number" min="0" max="255" required> .
<input name="G1" type="number" min="0" max="255" required> .
<input name="G2" type="number" min="0" max="255" required> .
<input name="G3" type="number" min="0" max="255" required><br>
<input name="G0" type="number" class="small" min="0" max="255" required> .
<input name="G1" type="number" class="small" min="0" max="255" required> .
<input name="G2" type="number" class="small" min="0" max="255" required> .
<input name="G3" type="number" class="small" min="0" max="255" required><br>
Static subnet mask:<br>
<input name="S0" type="number" min="0" max="255" required> .
<input name="S1" type="number" min="0" max="255" required> .
<input name="S2" type="number" min="0" max="255" required> .
<input name="S3" type="number" min="0" max="255" required><br>
<input name="S0" type="number" class="small" min="0" max="255" required> .
<input name="S1" type="number" class="small" min="0" max="255" required> .
<input name="S2" type="number" class="small" min="0" max="255" required> .
<input name="S3" type="number" class="small" min="0" max="255" required><br>
mDNS address (leave empty for no mDNS):<br/>
http:// <input name="CM" maxlength="32"> .local<br>
Client IP: <span class="sip"> Not connected </span> <br>
@ -52,7 +52,7 @@
AP SSID (leave empty for no AP):<br> <input name="AS" maxlength="32"><br>
Hide AP name: <input type="checkbox" name="AH"><br>
AP password (leave empty for open):<br> <input type="password" name="AP" maxlength="63" pattern="(.{8,63})|()" title="Empty or min. 8 characters"><br>
Access Point WiFi channel: <input name="AC" type="number" min="1" max="13" required><br>
Access Point WiFi channel: <input name="AC" type="number" class="tiny" min="1" max="13" required><br>
AP opens:
<select name="AB">
<option value="0">No connection after boot</option>

View File

@ -41,11 +41,17 @@ input[type="number"].xxl {
input[type="number"].big {
width: 85px;
}
input[type="number"].xmed {
width: 60px;
}
input[type="number"].med {
width: 55px;
}
input[type="number"].small {
width: 40px;
width: 42px;
}
input[type="number"].tiny {
width: 35px;
}
input[type="checkbox"] {
transform: scale(1.5);

File diff suppressed because one or more lines are too long