From 94113827a703c03953d880e456dce8d375ad1ed6 Mon Sep 17 00:00:00 2001 From: Blaz Kristan Date: Sun, 16 May 2021 17:19:35 +0200 Subject: [PATCH] Exposing segment power and intensity button/slider --- wled00/data/index.css | 23 +- wled00/data/index.js | 22 +- wled00/html_ui.h | 4219 +++++++++++++++++++++-------------------- wled00/wled.h | 2 +- 4 files changed, 2137 insertions(+), 2129 deletions(-) diff --git a/wled00/data/index.css b/wled00/data/index.css index 019ac9c1a..6d769510e 100644 --- a/wled00/data/index.css +++ b/wled00/data/index.css @@ -525,11 +525,11 @@ input[type=range]::-moz-range-thumb { } .sws { - width: 212px; + width: 220px; } .sis { - width: 192px !important; + width: 210px !important; } .hd { @@ -687,7 +687,7 @@ input[type=number]::-webkit-outer-spin-button { margin: 3px 0 6px 0 !important; } -.segname { +.segname, .pname { position: absolute; top: 0px; left: 50%; @@ -695,15 +695,24 @@ input[type=number]::-webkit-outer-spin-button { transform: translateX(-50%); white-space: nowrap; cursor: pointer; + text-align: center; } - +/* +.segname { + padding: 7px 0; + font-size: 11px; +} +*/ .pname { width: 208px; - text-align: center; overflow: hidden; text-overflow: clip; } +.segpwr { + margin: 8px 0 0; +} + .pid { position: absolute; top: 0px; @@ -890,7 +899,7 @@ input[type=number]::-webkit-outer-spin-button { position: relative; display: inline-block; padding: 8px; - margin: 6px 0; + margin: 3px 0; width: 260px; font-size: 19px; background-color: var(--c-2); @@ -1024,7 +1033,7 @@ input[type="text"].fnd:not(:placeholder-shown) { .segin { padding: 8px 8px 4px 8px; display: none; - margin: 24px 0 0; + /*margin: 24px 0 0;*/ } .expanded { diff --git a/wled00/data/index.js b/wled00/data/index.js index b5f5a7ead..c0cb4bb4b 100644 --- a/wled00/data/index.js +++ b/wled00/data/index.js @@ -487,7 +487,7 @@ function populatePresets(fromls) cn += `
`; if (cfg.comp.pid) cn += `
${i}
`; - cn += `
${pName(i)}
+ cn += `
${pName(i)}

`; @@ -608,7 +608,14 @@ function populateSegments(s)
${inst.n ? inst.n : "Segment "+i}
- +
+
+ +
+ +
+
+

@@ -631,11 +638,6 @@ function populateSegments(s)
- -
- -
-