Slider div change.
Effect data bugfix.
This commit is contained in:
parent
a75b3a53aa
commit
4c60a70c6f
@ -368,18 +368,18 @@ button {
|
||||
}
|
||||
|
||||
#fx {
|
||||
height: calc(100% - 121px);
|
||||
overflow-y: scroll;
|
||||
padding-left: 6px; /* compensate scroll bar */
|
||||
/*height: calc(100% - 121px);*/
|
||||
/*overflow-y: scroll;*/
|
||||
/*padding-left: 6px;*/ /* compensate scroll bar */
|
||||
}
|
||||
|
||||
#sliders {
|
||||
width: 310px;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
/*left: 50%;*/
|
||||
/*transform: translateX(-50%);*/
|
||||
}
|
||||
|
||||
#sliders .labels {
|
||||
@ -391,7 +391,7 @@ button {
|
||||
background: var(--c-2);
|
||||
max-width: 310px;
|
||||
min-width: 280px;
|
||||
margin: 0 auto 5px;
|
||||
margin: 0 auto; /* add 5px; if you want some vertical space */
|
||||
border-radius: 15px;
|
||||
position: relative;
|
||||
}
|
||||
@ -415,7 +415,7 @@ button {
|
||||
|
||||
/* Fade in tooltip */
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
transition: opacity 0.75s;
|
||||
}
|
||||
|
||||
.slider.top .tooltiptext {
|
||||
|
@ -773,14 +773,14 @@ function populateEffects()
|
||||
for (let i = 0; i < effects.length; i++) {
|
||||
// WLEDSR: add slider and color control to setX (used by requestjson)
|
||||
if (effects[i].name.indexOf("Reserved") < 0) {
|
||||
var extra = !(Array.isArray(fxdata) && fxdata.length>i) ? '' : fxdata[i].substr(1);
|
||||
let id = effects[i].id;
|
||||
html += generateListItemHtml(
|
||||
'fx',
|
||||
effects[i].id,
|
||||
id,
|
||||
effects[i].name,
|
||||
'setX',
|
||||
'',
|
||||
extra
|
||||
!(Array.isArray(fxdata) && fxdata.length>id) ? '' : fxdata[id].substr(1)
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1318,8 +1318,11 @@ function setSliderAndColorControl(idx, applyDef=false)
|
||||
}
|
||||
|
||||
// set size of fx list
|
||||
let topPosition = 5 + parseInt(getComputedStyle(gId("sliders")).height);
|
||||
gId("fx").style.height = `calc(100% - ${topPosition}px)`;
|
||||
let topPosition = parseInt(getComputedStyle(gId("sliders")).height);
|
||||
//gId("fx").style.height = `calc(100% - ${topPosition}px)`;
|
||||
//d.styleSheets[0].cssRules[195].style.bottom = topPosition + "px";
|
||||
let selElement = d.querySelector('#fxlist .selected');
|
||||
selElement.style.bottom = topPosition + "px";
|
||||
|
||||
// set html color items on/off
|
||||
var cslLabel = '';
|
||||
@ -1969,7 +1972,10 @@ function setX(ind = null)
|
||||
d.querySelector(`#fxlist input[name="fx"][value="${ind}"]`).checked = true;
|
||||
}
|
||||
var selElement = d.querySelector('#fxlist .selected');
|
||||
if (selElement) selElement.classList.remove('selected');
|
||||
if (selElement) {
|
||||
selElement.classList.remove('selected');
|
||||
selElement.style.bottom = null; // remove element style added in slider handling
|
||||
}
|
||||
|
||||
d.querySelector(`#fxlist .lstI[data-id="${ind}"]`).classList.add('selected');
|
||||
|
||||
|
3478
wled00/html_ui.h
3478
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)
|
||||
#define VERSION 2206261
|
||||
#define VERSION 2206271
|
||||
|
||||
//uncomment this if you have a "my_config.h" file you'd like to use
|
||||
//#define WLED_USE_MY_CONFIG
|
||||
|
Loading…
Reference in New Issue
Block a user