diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6c282d66..148c9572 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,11 @@
### Builds after release 0.12.0
+#### Build 2107040
+
+- Playlist entries are now more compact
+- Added the possibility to enter negative numbers for segment offset
+
#### Build 2107021
- Added WebSockets support to UI
diff --git a/wled00/data/index.css b/wled00/data/index.css
index 7a195872..0546070c 100644
--- a/wled00/data/index.css
+++ b/wled00/data/index.css
@@ -322,7 +322,7 @@ button {
}
.first {
- margin-top: 18px !important;
+ margin-top: 10px;
}
#toast {
@@ -588,18 +588,13 @@ input[type=range]:active + .sliderbubble {
}
.btn-xs {
width: 39px;
+ margin: 2px 0 0 0;
}
.btn-pl-add {
- position: absolute;
- bottom: -29px;
- left: 94px;
-}
-.btn-pl-del {
- position: absolute;
- right: 2px;
- bottom: -3px;
+ margin-left: 9px;
}
+
#qcs-w {
margin-top: 10px;
}
@@ -623,8 +618,9 @@ input[type=range]:active + .sliderbubble {
}
.sel-pl {
- width: 200px;
- background-position: 176px 16px;
+ width: 192px;
+ background-position: 168px 16px;
+ margin: 8px 7px 0 0;
}
.sel-ple {
@@ -696,11 +692,6 @@ input[type=text] {
margin: 26px 0 6px 12px !important;
}
-.plentry {
- margin-top: 16px;
- position: relative;
-}
-
.stxt {
width: 50px !important;
}
@@ -714,6 +705,23 @@ input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
+.pln {
+ border-radius: 25px !important;
+ width: 67px !important;
+ margin: 0 2px 8px 0 !important;
+ text-align: center;
+}
+.plnl {
+ width: 86px;
+ margin: 0 2px 0 0;
+ display: inline-block;
+}
+.pli {
+ width: 38px;
+ margin: 0 0 0 29px;
+ display: inline-block;
+}
+
.segn {
margin: 3px 0 6px 0 !important;
}
@@ -1055,11 +1063,7 @@ input[type="text"].search:not(:placeholder-shown) {
.hrz {
width: auto;
height: 2px;
- background-color: var(--c-e);
-}
-.hrz-pl {
- margin: 20px 0;
- position: relative;
+ background-color: var(--c-b);
}
::-webkit-scrollbar {
diff --git a/wled00/data/index.js b/wled00/data/index.js
index 9a9cd6b1..5ae1aa38 100644
--- a/wled00/data/index.js
+++ b/wled00/data/index.js
@@ -546,7 +546,7 @@ function populateSegments(s)
|
|
- |
+ |
@@ -1315,6 +1315,7 @@ function makeP(i,pl) {
if (pl) {
var rep = plJson[i].repeat ? plJson[i].repeat : 0;
content = `
+ Playlist Entries