Merge remote-tracking branch 'upstream/main' into mdev

wled00/data/index.css

@@ -392,12 +392,16 @@ button {
 }
 
 .slider {
-	background-color: var(--c-2);
 	max-width: 300px;
-	min-width: 280px;
+	min-width: 260px;
 	margin: 0 auto; /* add 5px; if you want some vertical space but looks ugly */
 	border-radius: 24px;
 	position: relative;
+	padding-bottom: 2px;
+}
+
+#sliders .slider, #info .slider {
+	background-color: var(--c-2);
 }
 
 .filter, .option {
@@ -425,14 +429,14 @@ button {
 	box-shadow: 4px 4px 10px 4px var(--c-1);
 	color: var(--c-f);
 	text-align: center;
-	padding: 5px 10px;
+	padding: 4px 8px;
 	border-radius: 6px;
 
 	/* Position the tooltip text */
 	width: 160px;
 	position: absolute;
 	z-index: 1;
-	bottom: 100%;
+	bottom: 80%;
 	left: 50%;
 	margin-left: -92px;
 
@@ -647,7 +651,7 @@ img {
 #wbal  .sliderdisplay { background: linear-gradient(90deg, #ff8f1f 0%, #fff 50%, #cbdbff); }
 
 /* wrapper divs hidden by default */
-#rgbwrap, #kwrap, #wwrap, #wbal, #qcs-w, #hexw {
+#rgbwrap, #swrap, #hwrap, #kwrap, #wwrap, #wbal, #qcs-w, #hexw {
 	display: none;
 }
 
@@ -731,7 +735,11 @@ input[type=range]::-moz-range-thumb {
 
 #Colors .sliderwrap {
 	width: 260px;
-	margin: 10px 0 0;
+	margin: 4px 0 0;
+}
+
+#Colors {
+	padding-top: 18px;
 }
 
 /* Dynamically hide brightness slider label */
@@ -744,13 +752,14 @@ input[type=range]::-moz-range-thumb {
 	margin-top: var(--bmt);
 }
 
-#picker, #rgbwrap, #kwrap, #wwrap, #wbal, #vwrap, #qcs-w, #hexw, #pall, #ledmap {
+#picker, #qcs-w, #hexw, #pall, #ledmap {
 	margin: 0 auto;
 	width: 260px;
+	/*background-color: unset;*/
 }
 
 #picker {
-	margin-top: 10px;
+	margin-top: -10px !important;
 }
 
 /* buttons */
@@ -1409,6 +1418,9 @@ TD .checkmark, TD .radiomark {
 .expanded {
 	display: inline-block !important;
 }
+.expanded .segin.hide, .expanded .presin.hide, .expanded .sbs.hide {
+	display: none !important;
+}
 
 .m6 {
 	margin: 6px 0;