jeans/WLED
jeans/WLED
1
0
Fork 0
mirror of https://github.com/wled/WLED.git synced 2025-07-23 10:46:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Shadows and hides.

Browse Source
This commit is contained in:
Blaz Kristan 2022-07-27 21:12:27 +02:00
parent 3091440162
commit 9b814f4ed8
4 changed files with 1839 additions and 1828 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
wled00/data/index.css
View File

@ -390,20 +390,24 @@ button {
.filter { .filter {
background-color: var(--c-4); background-color: var(--c-4);
box-shadow: 0px 0px 6px 6px var(--c-1);
border-radius: 26px; border-radius: 26px;
height: 26px; height: 26px;
margin: 0 auto; /* 8px if you want space */ margin: 0 auto 4px; /* 8px if you want space */
padding: 8px 2px; padding: 8px 2px;
position: relative; position: relative;
/*width: 260px;*/ /*width: 260px;*/
/*transition: opacity 1s;*/ /*transition: opacity 1s;*/
/*opacity: 1;*/ /*opacity: 1;*/
z-index: 1;
} }
/* Tooltip text */ /* Tooltip text */
.slider .tooltiptext { .slider .tooltiptext {
visibility: hidden; visibility: hidden;
background-color: var(--c-5); background-color: var(--c-5);
/*border: 2px solid var(--c-2);*/
box-shadow: 4px 4px 10px 4px var(--c-1);
color: var(--c-f); color: var(--c-f);
text-align: center; text-align: center;
padding: 5px 10px; padding: 5px 10px;
@ -1274,6 +1278,7 @@ TD .checkmark, TD .radiomark {
.lstI.sticky, .lstI.sticky,
.lstI.selected { .lstI.selected {
z-index: 1; z-index: 1;
box-shadow: 0px 0px 10px 4px var(--c-1);
} }
#pcont .selected:not([class*="expanded"]) { #pcont .selected:not([class*="expanded"]) {

20
wled00/data/index.htm
View File

@ -218,24 +218,24 @@
</div> </div>
<div id="sliders"> <div id="sliders">
<div id="filters" class="filter"> <div id="filters" class="filter">
<label class="check fchkl">&#127912; <label id="filterPal" class="check fchkl">&#127912;
<input type="checkbox" id="filterPal" data-flt="&#127912;" onchange="filterFx(this)"> <input type="checkbox" data-flt="&#127912;" onchange="filterFx(this)">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="check fchkl">1D <label id="filter1D" class="check fchkl">1D
<input type="checkbox" id="filter1D" data-flt="*" onchange="filterFx(this)"> <input type="checkbox" data-flt="*" onchange="filterFx(this)">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="check fchkl">2D<!-- &#8862; --> <label id="filter2D" class="check fchkl">2D<!-- &#8862; -->
<input type="checkbox" id="filter2D" data-flt="2D" onchange="filterFx(this)"> <input type="checkbox" data-flt="2D" onchange="filterFx(this)">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="check fchkl">&#9834; <label id="filterVol" class="check fchkl">&#9834;
<input type="checkbox" id="filterVol" data-flt="&#9834;" onchange="filterFx(this)"> <input type="checkbox" data-flt="&#9834;" onchange="filterFx(this)">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
<label class="check fchkl">&#9835; <label id="filterFreq" class="check fchkl">&#9835;
<input type="checkbox" id="filterFreq" data-flt="&#9835;" onchange="filterFx(this)"> <input type="checkbox" data-flt="&#9835;" onchange="filterFx(this)">
<span class="checkmark"></span> <span class="checkmark"></span>
</label> </label>
</div> </div>

6
wled00/data/index.js
View File

@ -819,7 +819,7 @@ function populateEffects()
var eP = (fd == '')?[]:fd.split(";"); var eP = (fd == '')?[]:fd.split(";");
var p = (eP.length<3 || eP[2]==='')?[]:eP[2].split(","); var p = (eP.length<3 || eP[2]==='')?[]:eP[2].split(",");
var m = (eP.length<4 || eP[3]==='')?[]:eP[3].split(","); var m = (eP.length<4 || eP[3]==='')?[]:eP[3].split(",");
if (m.length>0) for (let r of m) { if (r.substring(0,4)=="mp12") nm += " *"; } if (isM && m.length>0) for (let r of m) { if (r.substring(0,4)=="mp12") nm += " *"; } // 1D effects with defined mapping
if (p.length>0 && p[0].substring(0,1) === "!") nm += " 🎨"; if (p.length>0 && p[0].substring(0,1) === "!") nm += " 🎨";
} }
html += generateListItemHtml('fx',id,nm,'setX','',fd); html += generateListItemHtml('fx',id,nm,'setX','',fd);
@ -2458,6 +2458,10 @@ function hideModes(txt)
for (let e of (gId('fxlist').querySelectorAll('.lstI')||[])) { for (let e of (gId('fxlist').querySelectorAll('.lstI')||[])) {
if (e.querySelector('.lstIname').innerText.indexOf(txt) >= 0) e.classList.add("hide"); //else e.classList.remove("hide"); if (e.querySelector('.lstIname').innerText.indexOf(txt) >= 0) e.classList.add("hide"); //else e.classList.remove("hide");
} }
if (txt==="2D ") {
gId("filter1D").classList.add("hide");
gId("filter2D").classList.add("hide");
}
} }
function search(f,l=null) function search(f,l=null)

3634
wled00/html_ui.h
View File

File diff suppressed because it is too large Load Diff