UI tweaks.

This commit is contained in:
Blaz Kristan 2021-03-21 22:33:04 +01:00
parent c58a3c41d8
commit a385ea7c52
5 changed files with 2367 additions and 2225 deletions

File diff suppressed because one or more lines are too long

View File

@ -91,9 +91,9 @@
<div class="qcs" onclick="pC('rnd');" title="Random" style="background-color:var(--c-3); padding: 4px 8px; transform: translateY(-10px);">R</div>
</div>
<div id="csl">
<button class="xxs cl btn" onclick="selectSlot(0);">1</button>
<button class="xxs cl btn" onclick="selectSlot(1);">2</button>
<button class="xxs cl btn" onclick="selectSlot(2);">3</button>
<button class="xxs btn" onclick="selectSlot(0);">1</button>
<button class="xxs btn" onclick="selectSlot(1);">2</button>
<button class="xxs btn" onclick="selectSlot(2);">3</button>
</div>
<div id="hexw">
<input id="hexc" type="text" class="noslide" onkeydown="hexEnter(this)" autocomplete="off" maxlength="8" />

View File

@ -546,7 +546,7 @@ function populateSegments(s)
if (i > lSeg) lSeg = i;
cn += `<div class="seg">
<label class="check schkl">
<label class="check schkl" style="position:absolute">
&nbsp;
<input type="checkbox" id="seg${i}sel" onchange="selSeg(${i})" ${inst.sel ? "checked":""}>
<span class="checkmark schk"></span>
@ -996,7 +996,7 @@ function handleJson(s)
selColors = i.col;
var cd = d.getElementById('csl').children;
for (let e = 2; e >= 0; e--)
for (let e = cd.length-1; e >= 0; e--)
{
cd[e].style.backgroundColor = "rgb(" + i.col[e][0] + "," + i.col[e][1] + "," + i.col[e][2] + ")";
if (isRgbw) whites[e] = parseInt(i.col[e][3]);
@ -1178,7 +1178,6 @@ function makeSeg()
<div class="segname newseg">
New segment ${lowestUnused}
</div>
<br>
<div class="segin expanded">
<table class="segt">
<tr>
@ -1192,6 +1191,7 @@ function makeSeg()
</table>
<div class="h" id="seg${lowestUnused}len">${ledCount - ns} LEDs</div>
<i class="icons e-icon cnf cnf-s half" id="segc${lowestUnused}" onclick="setSeg(${lowestUnused}); resetUtil();">&#xe390;</i>
<button class="btn btn-p" onclick="resetUtil()">Cancel</button>
</div>
</div>`;
d.getElementById('segutil').innerHTML = cn;
@ -1468,11 +1468,11 @@ function selectSlot(b)
csel = b;
var cd = d.getElementById('csl').children;
for (let i = 0; i < cd.length; i++) {
cd[i].style.border="2px solid white";
cd[i].style.border="2px solid var(--c-e)";
cd[i].style.margin="5px";
cd[i].style.width="42px";
}
cd[csel].style.border="5px solid white";
cd[csel].style.border="5px solid var(--c-e)";
cd[csel].style.margin="2px";
cd[csel].style.width="50px";
cpick.color.set(cd[csel].style.backgroundColor);

File diff suppressed because it is too large Load Diff

View File

@ -8,7 +8,7 @@
*/
// version code in format yymmddb (b = daily build)
#define VERSION 2103210
#define VERSION 2103211
//uncomment this if you have a "my_config.h" file you'd like to use
//#define WLED_USE_MY_CONFIG