diff --git a/wled00/data/index.css b/wled00/data/index.css index 606d69709d..0fe848f6bb 100644 --- a/wled00/data/index.css +++ b/wled00/data/index.css @@ -49,8 +49,8 @@ body { -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; - scrollbar-width: 6px; - scrollbar-color: var(--c-sb) transparent; + scrollbar-width: 6px; + scrollbar-color: var(--c-sb) transparent; } html, @@ -214,7 +214,7 @@ button { .top button { padding: var(--tbp); -} +} .bot button { padding: var(--bbp); @@ -263,7 +263,7 @@ button { padding-top: 0; margin-top: 11px; height: calc(100% - 11px); - -webkit-overflow-scrolling: touch; + -webkit-overflow-scrolling: touch; } .smooth { transition: transform calc(var(--f, 1)*.5s) ease-out } @@ -313,7 +313,7 @@ button { #fxb0 { margin-bottom: 2px; - filter: drop-shadow(0 0 1px #000); + filter: drop-shadow(0 0 1px #000); } .first { @@ -432,16 +432,16 @@ img { } .sliderbubble { - width: 36px; - line-height: 24px; - background: var(--c-3); - position: absolute; - transform: translateX(-50%); - border-radius: 12px; - margin-left: 12px; - margin-top: 3px; - padding: 0px; - display: inline; + width: 36px; + line-height: 24px; + background: var(--c-3); + position: absolute; + transform: translateX(-50%); + border-radius: 12px; + margin-left: 12px; + margin-top: 3px; + padding: 0px; + display: inline; } .hidden { @@ -633,7 +633,7 @@ textarea { } ::selection { - background: var(--c-b); + background: var(--c-b); } input[type=text] { @@ -655,8 +655,8 @@ input[type=number]:focus, input[type=text]:focus { background: var(--c-6); } -input[type=number]::-webkit-inner-spin-button, -input[type=number]::-webkit-outer-spin-button { +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } @@ -683,13 +683,13 @@ input[type=number]::-webkit-outer-spin-button { } .pid { - position: absolute; - top: 0px; - left: 0px; - padding: 11px 0px 0px 11px; - font-size: 16px; - width: 20px; - text-align: center; + position: absolute; + top: 0px; + left: 0px; + padding: 11px 0px 0px 11px; + font-size: 16px; + width: 20px; + text-align: center; color: var(--c-b); } @@ -729,7 +729,7 @@ input[type=number]::-webkit-outer-spin-button { } .pwr { - color: var(--c-6); + color: var(--c-6); transform: translate(2px, 3px); cursor: pointer; } @@ -860,7 +860,7 @@ input[type=number]::-webkit-outer-spin-button { border-radius: 20px; text-align: left; transition: background-color 0.5s; - filter: brightness(1); + filter: brightness(1); } .pres { @@ -893,7 +893,7 @@ input[type=number]::-webkit-outer-spin-button { width: 6px; } ::-webkit-scrollbar-track { - background: transparent; + background: transparent; } ::-webkit-scrollbar-thumb { background: var(--c-sb); @@ -906,8 +906,8 @@ input[type=number]::-webkit-outer-spin-button { @media all and (max-width: 335px) { .sliderbubble { - display: none; - } + display: none; + } } @media all and (max-width: 550px) and (min-width: 374px) { @@ -934,4 +934,4 @@ input[type=number]::-webkit-outer-spin-button { #buttonPcm { display: none; } -} \ No newline at end of file +} diff --git a/wled00/data/index.js b/wled00/data/index.js index 15f6df5d1f..871d421bd2 100644 --- a/wled00/data/index.js +++ b/wled00/data/index.js @@ -29,17 +29,17 @@ var cpick = new iro.ColorPicker("#picker", { wheelLightness: false, wheelAngle: 90, layout: [ - { + { component: iro.ui.Wheel, options: {} }, - { + { component: iro.ui.Slider, options: { sliderType: 'value' } }, - { + { component: iro.ui.Slider, options: { sliderType: 'kelvin', @@ -177,12 +177,12 @@ function onLoad() { } var sett = localStorage.getItem('wledUiCfg'); if (sett) cfg = mergeDeep(cfg, JSON.parse(sett)); - + resetPUtil(); - + applyCfg(); loadBg(cfg.theme.bg.url); - + var cd = d.getElementById('csl').children; for (var i = 0; i < cd.length; i++) { cd[i].style.backgroundColor = "rgb(0, 0, 0)"; @@ -233,7 +233,7 @@ function showToast(text, error = false) { x.className = error ? "error":"show"; clearTimeout(timeout); x.style.animation = 'none'; - x.style.animation = null; + x.style.animation = null; timeout = setTimeout(function(){ x.className = x.className.replace("show", ""); }, 2900); } @@ -255,7 +255,7 @@ function getRuntimeStr(rt) if (!days && hrs) str += ", "; if (t > 59 && !days) str += mins + " min"; if (t < 3600 && t > 59) str += ", "; - if (t < 3600) str += (t - mins*60) + " sec"; + if (t < 3600) str += (t - mins*60) + " sec"; return str; } @@ -271,7 +271,7 @@ function getLowestUnusedP() { if (key == l) l++; } - if (l > 250) l = 250; + if (l > 250) l = 250; return l; } @@ -311,7 +311,7 @@ function cpBck() { copyText.setSelectionRange(0, 999999); document.execCommand("copy"); - + showToast("Copied to clipboard!"); } @@ -322,12 +322,12 @@ function presetError(empty) bckstr = localStorage.getItem("wledP"); if (bckstr.length > 10) hasBackup = true; } catch (e) { - + } var cn = `
`; - if (empty) + if (empty) cn += `You have no presets yet!`; - else + else cn += `Sorry, there was an issue loading your presets!`; if (hasBackup) { @@ -351,7 +351,7 @@ function loadPresets() if (loc) { url = `http://${locip}/presets.json`; } - + fetch (url, { method: 'get' @@ -380,7 +380,7 @@ function populateQL() var cn = ""; if (pQL.length > 0) { cn += `

Quick load

`; - + var it = 0; for (var key of (pQL||[])) { @@ -392,7 +392,7 @@ function populateQL() } } if (it != 0) cn+= '
'; - + cn += `

All presets

`; } d.getElementById('pql').innerHTML = cn; @@ -416,7 +416,7 @@ function populatePresets(fromls) var qll = key[1].ql; if (qll) pQL.push([i, qll]); is.push(i); - + cn += `
`; if (cfg.comp.pid) cn += `
${i}
`; cn += `
${pName(i)}
@@ -466,7 +466,7 @@ function populateInfo(i) var vcn = "Kuuhaku"; if (i.ver.startsWith("0.11.")) vcn = "Mirai"; if (i.cn) vcn = i.cn; - + cn += `v${i.ver} "${vcn}"

${urows} ${inforow("Build",i.vid)} @@ -485,17 +485,17 @@ function populateSegments(s) { var cn = ""; segCount = 0; lowestUnused = 0; lSeg = 0; - + for (var y = 0; y < (s.seg||[]).length; y++) { segCount++; - + var inst=s.seg[y]; let i = parseInt(inst.id); powered[i] = inst.on; if (i == lowestUnused) lowestUnused = i+1; if (i > lSeg) lSeg = i; - + cn += `