diff --git a/wled00/data/index.css b/wled00/data/index.css index 87be9b36a..70b8260ac 100644 --- a/wled00/data/index.css +++ b/wled00/data/index.css @@ -371,7 +371,7 @@ button { } /* Quick load magin for simplified UI */ -#pql.simplified { +.simplified #pql { margin-bottom: 8px; } @@ -772,8 +772,8 @@ input[type=range]::-moz-range-thumb { .hd { display: var(--bhd); } -/* Do not hide labels in simplified mode on small screen widths */ -.simplified > .hd { +/* Do not hide quick load label in simplified mode on small screen widths */ +.simplified #pql .hd { display: var(--bhd) !important; } diff --git a/wled00/data/index.js b/wled00/data/index.js index 1f76cdb00..ac5aac6de 100644 --- a/wled00/data/index.js +++ b/wled00/data/index.js @@ -3105,17 +3105,16 @@ function simplifyUI() { } // Put preset quick load before palette list and segemts gId("Colors").insertBefore(gId("pql"), gId("pall")); - gId("pql").classList.add("simplified"); // Create dropdown for palette list createDropdown("palw", "Change palette"); createDropdown("fx", "Change effect", [gId("fxFind"), gId("fxlist")]); // Hide pallete label - gId("pall").classList.add("hide"); + gId("pall").style.display = "none"; gId("Colors").insertBefore(document.createElement("br"), gId("pall")); // Hide effect label - gId("modeLabel").classList.add("hide"); + gId("modeLabel").style.display = "none"; // Hide buttons in top bar gId("buttonNl").style.display = "none";