From b6f43966eaeb19b548e197f6e6e4ce979ce1f24f Mon Sep 17 00:00:00 2001 From: Alerson Jorge Date: Thu, 19 Oct 2023 09:30:28 -0300 Subject: [PATCH] Some functionality improvements --- wled00/data/index.htm | 3 +- wled00/data/index.js | 10 +- wled00/data/pxmagic/pxmagic.htm | 71 +- wled00/data/settings_ui.htm | 4 +- wled00/html_pxmagic.h | 1074 ++++---- wled00/html_settings.h | 419 ++-- wled00/html_ui.h | 4049 +++++++++++++++---------------- 7 files changed, 2802 insertions(+), 2828 deletions(-) diff --git a/wled00/data/index.htm b/wled00/data/index.htm index 974400b4..e4b0008d 100644 --- a/wled00/data/index.htm +++ b/wled00/data/index.htm @@ -181,9 +181,8 @@
- diff --git a/wled00/data/index.js b/wled00/data/index.js index 44f15784..2edeb151 100644 --- a/wled00/data/index.js +++ b/wled00/data/index.js @@ -27,7 +27,7 @@ var cfg = { theme:{base:"dark", bg:{url:""}, alpha:{bg:0.6,tab:0.8}, color:{bg:""}}, comp :{colors:{picker: true, rgb: false, quick: true, hex: false}, labels:true, pcmbot:false, pid:true, seglen:false, segpwr:false, segexp:false, - css:true, hdays:false, fxdef:true, pxm: true} + css:true, hdays:false, fxdef:true} }; var hol = [ [0,11,24,4,"https://aircoookie.github.io/xmas.png"], // christmas @@ -284,8 +284,6 @@ function onLoad() sl.addEventListener('touchstart', toggleBubble); sl.addEventListener('touchend', toggleBubble); } - - displayPixelMagicTool(); } function updateTablinks(tabI) @@ -2918,12 +2916,6 @@ function listenMessage(e){ } } -function displayPixelMagicTool() -{ - let dpxm = cfg.comp.pxm ? "inline-block" : "none"; - gId('bpxm').style.display = dpxm; -} - function togglePcMode(fromB = false) { if (fromB) { diff --git a/wled00/data/pxmagic/pxmagic.htm b/wled00/data/pxmagic/pxmagic.htm index e0195221..db90cb34 100644 --- a/wled00/data/pxmagic/pxmagic.htm +++ b/wled00/data/pxmagic/pxmagic.htm @@ -102,6 +102,15 @@ color: var(--blue-medium); } + #wledEdit { + padding: 4px 8px; + background: var(--blue-light); + margin-left: 6px; + display: inline-block; + border-radius: 4px; + color: var(--gray-light); + } + .m-zero { margin: 0 !important; } @@ -147,10 +156,11 @@ } label { - display: block; + display: flex; margin-bottom: 5px; font-weight: bold; color: var(--text); + align-items: center; } input[type="text"], @@ -280,11 +290,12 @@ margin-block: 15px; } - .range-slider::-webkit-slider-thumb { + .range-slider::-webkit-slider-thumb, + .range-slider::-moz-range-thumb { appearance: none; height: 16px; width: 16px; - background-color: var(--gray-dark); + background-color: var(--blue-light); border-radius: 50%; cursor: pointer; border: 0; @@ -660,7 +671,7 @@
-