Preset ID in separate div

andyb2000 · Dec 13, 2020 · 7f10131 · 7f10131
1 parent b7a42d6
commit 7f10131
Show file tree

Hide file tree

Showing 2 changed files with 1,620 additions and 1,608 deletions.
diff --git a/wled00/data/index.htm b/wled00/data/index.htm
@@ -692,6 +692,17 @@
 	text-overflow: clip;
 }
 
+.segid {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  padding: 10px 0px 0px 12px;
+  font-size: 16px;
+  width: 20px;
+  text-align: center;
+	color: var(--c-b);
+}
+
 .newseg {
 	cursor: default;
 }
@@ -1548,10 +1559,9 @@
     if (qll) pQL.push([i, qll]);
     is.push(i);
 
-		cn += `<div class="seg pres" id="p${i}o">
-			<div class="segname pname" onclick="setPreset(${i})">
-				${i}: ${pName(i)}
-			</div>
+    cn += `<div class="seg pres" id="p${i}o">
+      <div class="segid">${i}</div>
+			<div class="segname pname" onclick="setPreset(${i})">${pName(i)}</div>
 			<i class="icons e-icon flr ${expanded[i+100] ? "exp":""}" id="sege${i+100}" onclick="expand(${i+100})">&#xe395;</i>
 			<div class="segin" id="seg${i+100}"></div>
 		</div><br>`;