Minor UI fixes.
This commit is contained in:
parent
3891348c26
commit
dbe90eb3f5
@ -716,6 +716,9 @@ input[type=range]::-moz-range-thumb {
|
|||||||
#putil .btn-xs {
|
#putil .btn-xs {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
#info .btn-xs {
|
||||||
|
border: 1px solid var(--c-4);
|
||||||
|
}
|
||||||
|
|
||||||
#putil .btn-s {
|
#putil .btn-s {
|
||||||
width: 135px;
|
width: 135px;
|
||||||
@ -880,23 +883,17 @@ textarea {
|
|||||||
overflow: clip;
|
overflow: clip;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
padding: 8px 0;
|
padding: 8px 24px;
|
||||||
max-width: 160px;
|
max-width: 170px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.segname {
|
|
||||||
padding-left: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.segname .flr {
|
.segname .flr, .pname .flr {
|
||||||
transform: rotate(0deg);
|
transform: rotate(0deg);
|
||||||
|
right: -6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.expanded .segname {
|
|
||||||
max-width: 184px;
|
|
||||||
padding: 8px 24px;
|
|
||||||
}
|
|
||||||
/* segment power wrapper */
|
/* segment power wrapper */
|
||||||
.sbs {
|
.sbs {
|
||||||
padding: 4px 0 4px 8px;
|
padding: 4px 0 4px 8px;
|
||||||
@ -975,7 +972,7 @@ textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.frz {
|
.frz {
|
||||||
left: 36px;
|
left: 32px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -3px;
|
top: -3px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -568,7 +568,7 @@ function populatePresets(fromls)
|
|||||||
cn += `<div class="pres lstI" id="p${i}o">`;
|
cn += `<div class="pres lstI" id="p${i}o">`;
|
||||||
if (cfg.comp.pid) cn += `<div class="pid">${i}</div>`;
|
if (cfg.comp.pid) cn += `<div class="pid">${i}</div>`;
|
||||||
cn += `<div class="pname lstIname" onclick="setPreset(${i})">${isPlaylist(i)?"<i class='icons btn-icon'></i>":""}${pName(i)}
|
cn += `<div class="pname lstIname" onclick="setPreset(${i})">${isPlaylist(i)?"<i class='icons btn-icon'></i>":""}${pName(i)}
|
||||||
<i class="icons edit-icon" id="p${i}nedit" onclick="tglSegn(${i+100})"></i></div>
|
<i class="icons edit-icon flr" id="p${i}nedit" onclick="tglSegn(${i+100})"></i></div>
|
||||||
<i class="icons e-icon flr" id="sege${i+100}" onclick="expand(${i+100})"></i>
|
<i class="icons e-icon flr" id="sege${i+100}" onclick="expand(${i+100})"></i>
|
||||||
<div class="presin lstIcontent" id="seg${i+100}"></div>
|
<div class="presin lstIcontent" id="seg${i+100}"></div>
|
||||||
</div>`;
|
</div>`;
|
||||||
@ -605,7 +605,7 @@ function parseInfo(i) {
|
|||||||
mh = i.leds.matrix ? i.leds.matrix.h : 0;
|
mh = i.leds.matrix ? i.leds.matrix.h : 0;
|
||||||
isM = mw>0 && mh>0;
|
isM = mw>0 && mh>0;
|
||||||
if (!isM) hideModes("2D ");
|
if (!isM) hideModes("2D ");
|
||||||
if (!i.u || !i.u.AudioReactive) { hideModes("♪ "); hideModes("♫ "); } // hide audio reactive effects
|
if (!i.u || !i.u.AudioReactive) { /*hideModes("♪ ");*/ hideModes("♫ "); } // hide /*audio*/ frequency reactive effects
|
||||||
}
|
}
|
||||||
|
|
||||||
function populateInfo(i)
|
function populateInfo(i)
|
||||||
@ -753,7 +753,7 @@ function populateSegments(s)
|
|||||||
}
|
}
|
||||||
if (segCount < 2) gId(`segd${lSeg}`).style.display = "none";
|
if (segCount < 2) gId(`segd${lSeg}`).style.display = "none";
|
||||||
if (!isM && !noNewSegs && (cfg.comp.seglen?parseInt(gId(`seg${lSeg}s`).value):0)+parseInt(gId(`seg${lSeg}e`).value)<ledCount) gId(`segr${lSeg}`).style.display = "inline";
|
if (!isM && !noNewSegs && (cfg.comp.seglen?parseInt(gId(`seg${lSeg}s`).value):0)+parseInt(gId(`seg${lSeg}e`).value)<ledCount) gId(`segr${lSeg}`).style.display = "inline";
|
||||||
gId('rsbtn').style.display = (segCount > 1) ? "inline":"none";
|
gId('segutil2').style.display = (segCount > 1) ? "block":"none"; // rsbtn parent
|
||||||
}
|
}
|
||||||
|
|
||||||
function populateEffects()
|
function populateEffects()
|
||||||
@ -1388,7 +1388,7 @@ function setSliderAndColorControl(idx, applyDef=false)
|
|||||||
}
|
}
|
||||||
// not all color selectors shown, hide palettes created from color selectors
|
// not all color selectors shown, hide palettes created from color selectors
|
||||||
for (let e of (gId('pallist').querySelectorAll('.lstI')||[])) {
|
for (let e of (gId('pallist').querySelectorAll('.lstI')||[])) {
|
||||||
if (cslCnt < 3 && e.querySelector('.lstIname').innerText.indexOf("* ")>=0) e.classList.add('hide'); else e.classList.remove('hide');
|
if (cslCnt < 3 && e.querySelector('.lstIname').innerText.indexOf("* C")>=0) e.classList.add('hide'); else e.classList.remove('hide');
|
||||||
}
|
}
|
||||||
if (!isEmpty(obj.seg) && applyDef) requestJson(obj); // update default values (may need throttling on ESP8266)
|
if (!isEmpty(obj.seg) && applyDef) requestJson(obj); // update default values (may need throttling on ESP8266)
|
||||||
}
|
}
|
||||||
|
3539
wled00/html_ui.h
3539
wled00/html_ui.h
File diff suppressed because it is too large
Load Diff
@ -8,7 +8,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
// version code in format yymmddb (b = daily build)
|
// version code in format yymmddb (b = daily build)
|
||||||
#define VERSION 2206231
|
#define VERSION 2206232
|
||||||
|
|
||||||
//uncomment this if you have a "my_config.h" file you'd like to use
|
//uncomment this if you have a "my_config.h" file you'd like to use
|
||||||
//#define WLED_USE_MY_CONFIG
|
//#define WLED_USE_MY_CONFIG
|
||||||
|
Loading…
Reference in New Issue
Block a user