jeans/WLED
jeans/WLED
1
0
Fork 0
mirror of https://github.com/wled/WLED.git synced 2025-07-19 16:56:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI & CSS bugfix.

Browse Source
This commit is contained in:
Blaz Kristan 2022-04-02 19:18:54 +02:00
parent 31012671c5
commit 969acbd47f
3 changed files with 1461 additions and 1457 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
wled00/data/index.css
View File

@ -310,10 +310,10 @@ button {
#segutil, #segutil2, #segcont, #putil, #pcont, #pql { #segutil, #segutil2, #segcont, #putil, #pcont, #pql {
width: 280px; width: 280px;
min-height: 42px;
} }
#putil, #segutil, #segutil2 { #putil, #segutil, #segutil2 {
min-height: 42px;
margin: 13px auto 0; margin: 13px auto 0;
} }
@ -1082,6 +1082,7 @@ textarea {
border-radius: 21px; border-radius: 21px;
margin: 13px auto 0; margin: 13px auto 0;
min-height: 40px; min-height: 40px;
border: 1px solid var(--c-2);
} }
#segutil .lstI { #segutil .lstI {
@ -1108,7 +1109,7 @@ textarea {
/* selected list item */ /* selected list item */
.lstI.selected { .lstI.selected {
top: 0; top: 0;
bottom: 5px; bottom: 0;
} }
.lstI.sticky, .lstI.sticky,
@ -1124,17 +1125,17 @@ textarea {
#fxlist .lstI.selected { #fxlist .lstI.selected {
top: 142px !important; top: 142px !important;
} }
*/
#pallist .lstI.selected {
top: 82px;
}
/* calculated in index.js
#fxlist .lstI.sticky { #fxlist .lstI.sticky {
top: 99px !important; top: 99px !important;
} }
*/ */
#pallist .lstI.sticky { #pallist .lstI.sticky {
top: 40px; top: 42px;
}
#pallist .lstI.selected {
top: 84px;
} }
/* list item content */ /* list item content */
@ -1173,6 +1174,7 @@ input[type="text"].fnd {
text-align: left; text-align: left;
border-radius: 21px; border-radius: 21px;
background: var(--c-2); background: var(--c-2);
border: 1px solid var(--c-3);
} }
input[type="text"].fnd:focus { input[type="text"].fnd:focus {

4
wled00/data/index.js
View File

@ -996,11 +996,13 @@ function updatePA()
var acv = gId(`p${currentPreset}o`); var acv = gId(`p${currentPreset}o`);
if (acv /*&& !acv.classList.contains("expanded")*/) { if (acv /*&& !acv.classList.contains("expanded")*/) {
acv.classList.add('selected'); acv.classList.add('selected');
/*
// scroll selected preset into view (on WS refresh) // scroll selected preset into view (on WS refresh)
acv.scrollIntoView({ acv.scrollIntoView({
behavior: 'smooth', behavior: 'smooth',
block: 'center' block: 'center'
}); });
*/
} }
acv = gId(`p${currentPreset}qlb`); acv = gId(`p${currentPreset}qlb`);
if (acv) acv.classList.add('selected'); if (acv) acv.classList.add('selected');
@ -1301,7 +1303,7 @@ function setSliderAndColorControl(idx, applyDef=false)
// set top position of the effect list // set top position of the effect list
gId("fxFind").style.top = topPosition + "px"; gId("fxFind").style.top = topPosition + "px";
topPosition += 40; topPosition += 42;
var fxList = gId("fxlist"); var fxList = gId("fxlist");
for (let f of fxList.children) f.style.top = null; // remove top for (let f of fxList.children) f.style.top = null; // remove top
var selected = fxList.querySelector('.selected'); var selected = fxList.querySelector('.selected');

2896
wled00/html_ui.h
View File

File diff suppressed because it is too large Load Diff