Slider div change.

Effect data bugfix.

wled00/data/index.css

@@ -368,18 +368,18 @@ button {
 }
 
 #fx {
-	height: calc(100% - 121px);
-	overflow-y: scroll;
-	padding-left: 6px; /* compensate scroll bar */
+	/*height: calc(100% - 121px);*/
+	/*overflow-y: scroll;*/
+	/*padding-left: 6px;*/ /* compensate scroll bar */
 }
 
 #sliders {
 	width: 310px;
 	margin: 0 auto;
-	position: absolute;
+	position: sticky;
 	bottom: 0;
-	left: 50%;
-	transform: translateX(-50%);
+	/*left: 50%;*/
+	/*transform: translateX(-50%);*/
 }
 
 #sliders .labels {
@@ -391,7 +391,7 @@ button {
 	background: var(--c-2);
 	max-width: 310px;
 	min-width: 280px;
-	margin: 0 auto 5px;
+	margin: 0 auto; /* add 5px; if you want some vertical space */
 	border-radius: 15px;
 	position: relative;
 }
@@ -415,7 +415,7 @@ button {
 
 	/* Fade in tooltip */
 	opacity: 0;
-	transition: opacity 0.3s;
+	transition: opacity 0.75s;
 }
 
 .slider.top .tooltiptext {

wled00/data/index.js

@@ -773,14 +773,14 @@ function populateEffects()
 	for (let i = 0; i < effects.length; i++) {
 		// WLEDSR: add slider and color control to setX (used by requestjson)
 		if (effects[i].name.indexOf("Reserved") < 0) {
-			var extra = !(Array.isArray(fxdata) && fxdata.length>i) ? '' : fxdata[i].substr(1);
+			let id = effects[i].id;
 			html += generateListItemHtml(
 				'fx',
-				effects[i].id,
+				id,
 				effects[i].name,
 				'setX',
 				'',
-				extra
+				!(Array.isArray(fxdata) && fxdata.length>id) ? '' : fxdata[id].substr(1)
 			);
 		}
 	}
@@ -1318,8 +1318,11 @@ function setSliderAndColorControl(idx, applyDef=false)
 	}
 
 	// set size of fx list
-	let topPosition = 5 + parseInt(getComputedStyle(gId("sliders")).height);
-	gId("fx").style.height = `calc(100% - ${topPosition}px)`;
+	let topPosition = parseInt(getComputedStyle(gId("sliders")).height);
+	//gId("fx").style.height = `calc(100% - ${topPosition}px)`;
+	//d.styleSheets[0].cssRules[195].style.bottom = topPosition + "px";
+	let selElement = d.querySelector('#fxlist .selected');
+	selElement.style.bottom = topPosition + "px";
 
 	// set html color items on/off
 	var cslLabel = '';
@@ -1969,7 +1972,10 @@ function setX(ind = null)
 		d.querySelector(`#fxlist input[name="fx"][value="${ind}"]`).checked = true;
 	}
 	var selElement = d.querySelector('#fxlist .selected');
-	if (selElement) selElement.classList.remove('selected');
+	if (selElement) {
+		selElement.classList.remove('selected');
+		selElement.style.bottom = null; // remove element style added in slider handling
+	}
 
 	d.querySelector(`#fxlist .lstI[data-id="${ind}"]`).classList.add('selected');
 

wled00/wled.h

@@ -8,7 +8,7 @@
  */
 
 // version code in format yymmddb (b = daily build)
-#define VERSION 2206261
+#define VERSION 2206271
 
 //uncomment this if you have a "my_config.h" file you'd like to use
 //#define WLED_USE_MY_CONFIG