diff --git a/wled00/data/index.css b/wled00/data/index.css
index 46d1ddaf..1b34285d 100644
--- a/wled00/data/index.css
+++ b/wled00/data/index.css
@@ -271,20 +271,6 @@ button {
transform: translate(-50%,-50%);
}
-#pxm {
- display: none;
- width: 100%;
- height: 100%;
- border: 0;
- position: absolute;
-}
-
-#ipxm {
- width: 100%;
- height: 100%;
- position: relative;
-}
-
.tab {
background-color: transparent;
color: var(--c-d);
@@ -479,7 +465,7 @@ button {
}
/* Tooltip text */
-.slider .tooltiptext, .option .tooltiptext, .btn .tooltiptext {
+.slider .tooltiptext, .option .tooltiptext {
visibility: hidden;
background-color: var(--c-5);
/*border: 2px solid var(--c-2);*/
@@ -494,8 +480,8 @@ button {
position: absolute;
z-index: 1;
bottom: 80%;
- left: 50%;
- transform: translate(-50%, -50%);
+ left: 50%;
+ margin-left: -92px;
/* Ensure tooltip goes away when mouse leaves control */
pointer-events: none;
@@ -504,28 +490,22 @@ button {
opacity: 0;
transition: opacity 0.75s;
}
-
.option .tooltiptext {
bottom: 120%;
}
-
-/* Tooltip for buttons */
-.btn .tooltiptext {
- bottom: 90%;
-}
-
/* Tooltip arrow */
-.slider .tooltiptext::after, .option .tooltiptext::after, .btn .tooltiptext::after {
+.slider .tooltiptext::after, .option .tooltiptext::after {
content: "";
position: absolute;
- top: calc(100% - 2px);
- left: calc(50% - 8px);
- border: 8px;
+ top: 100%;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px;
border-style: solid;
border-color: var(--c-5) transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
-.slider:hover .tooltiptext, .option .check:hover .tooltiptext, .btn:hover .tooltiptext {
+.slider:hover .tooltiptext, .option .check:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
@@ -814,11 +794,10 @@ input[type=range]::-moz-range-thumb {
-webkit-transform:translate3d(0,0,0);
backface-visibility: hidden;
transform:translate3d(0,0,0);
- /* overflow: hidden; */
+ overflow: hidden;
text-overflow: ellipsis;
border: 1px solid var(--c-3);
background-color: var(--c-3);
- z-index: 9;
}
#segutil .btn-s:hover,
#segutil2 .btn-s:hover,
@@ -1055,6 +1034,7 @@ textarea {
/*padding: 1px 0 1px 20px;*/
display: var(--sgp);
width: 100%;
+ position: relative;
}
.pname {
diff --git a/wled00/data/index.htm b/wled00/data/index.htm
index e4b0008d..e6ce0489 100644
--- a/wled00/data/index.htm
+++ b/wled00/data/index.htm
@@ -180,13 +180,6 @@
-
-
-
-
-
Color palette
+
+
+
+
+
@@ -396,11 +394,6 @@
For best performance, it is recommended to turn off the streaming source when not in use.
-
-
diff --git a/wled00/data/index.js b/wled00/data/index.js
index 2edeb151..c356efa8 100644
--- a/wled00/data/index.js
+++ b/wled00/data/index.js
@@ -1,6 +1,6 @@
//page js
var loc = false, locip, locproto = "http:";
-var isOn = false, nlA = false, isLv = false, isInfo = false, isNodes = false, syncSend = false, syncTglRecv = true, isPXM = false;
+var isOn = false, nlA = false, isLv = false, isInfo = false, isNodes = false, syncSend = false, syncTglRecv = true;
var hasWhite = false, hasRGB = false, hasCCT = false;
var nlDur = 60, nlTar = 0;
var nlMode = false;
@@ -276,6 +276,7 @@ function onLoad()
});
});
resetUtil();
+
d.addEventListener("visibilitychange", handleVisibilityChange, false);
//size();
gId("cv").style.opacity=0;
@@ -456,6 +457,7 @@ function loadPresets(callback = null)
})
.then(res => {
if (res.status=="404") return {"0":{}};
+ //if (!res.ok) showErrorToast();
return res.json();
})
.then(json => {
@@ -1694,7 +1696,6 @@ function toggleLiveview()
{
if (isInfo && isM) toggleInfo();
if (isNodes && isM) toggleNodes();
- if (isPXM && isM) togglePixelMagicTool();
isLv = !isLv;
let wsOn = ws && ws.readyState === WebSocket.OPEN;
@@ -1715,7 +1716,6 @@ function toggleLiveview()
function toggleInfo()
{
if (isNodes) toggleNodes();
- if (isPXM) togglePixelMagicTool();
if (isLv && isM) toggleLiveview();
isInfo = !isInfo;
if (isInfo) requestJson();
@@ -1726,7 +1726,6 @@ function toggleInfo()
function toggleNodes()
{
if (isInfo) toggleInfo();
- if (isPXM) togglePixelMagicTool();
if (isLv && isM) toggleLiveview();
isNodes = !isNodes;
if (isNodes) loadNodes();
@@ -1734,31 +1733,6 @@ function toggleNodes()
gId('buttonNodes').className = (isNodes) ? "active":"";
}
-function togglePixelMagicTool()
-{
- if (isInfo) toggleInfo();
- if (isNodes) toggleNodes();
- if (isLv && isM) toggleLiveview();
-
- isPXM = !isPXM;
-
- var id = "pxm";
-
- if (isPXM) gId('ipxm').innerHTML = `