Shadows and hides.

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

View File

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

View File

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

View File

@ -819,7 +819,7 @@ function populateEffects()
var eP = (fd == '')?[]:fd.split(";");
var p = (eP.length<3 || eP[2]==='')?[]:eP[2].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 += " 🎨";
}
html += generateListItemHtml('fx',id,nm,'setX','',fd);
@ -2458,6 +2458,10 @@ function hideModes(txt)
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 (txt==="2D ") {
gId("filter1D").classList.add("hide");
gId("filter2D").classList.add("hide");
}
}
function search(f,l=null)

File diff suppressed because it is too large Load Diff