fix selected effect position

This commit is contained in:
Woody 2023-12-06 18:57:34 +01:00
parent fd3be887b4
commit 058995a0b6
No known key found for this signature in database
GPG Key ID: 9872D7F5072789B2
2 changed files with 7 additions and 10 deletions

View File

@ -376,7 +376,7 @@ button {
} }
/* Button margin for simplified UI */ /* Button margin for simplified UI */
#fx .btn, #palw .btn { .simplified #fx .btn, .simplified #palw .btn {
margin-top: 0; margin-top: 0;
} }
@ -772,8 +772,8 @@ input[type=range]::-moz-range-thumb {
.hd { .hd {
display: var(--bhd); display: var(--bhd);
} }
/* Do not hide labels when in simplified mode */ /* Do not hide labels in simplified mode on small screen widths */
.simplified .hd { .simplified > .hd {
display: var(--bhd) !important; display: var(--bhd) !important;
} }
@ -1299,7 +1299,8 @@ TD .checkmark, TD .radiomark {
margin-top: 0; margin-top: 0;
} }
#segcont.simple .lstI { /* Simplify segments */
.simplified #segcont .lstI {
margin-top: 4px; margin-top: 4px;
min-height: unset; min-height: unset;
} }

View File

@ -1531,6 +1531,7 @@ function setEffectParameters(idx)
// set the bottom position of selected effect (sticky) as the top of sliders div // set the bottom position of selected effect (sticky) as the top of sliders div
function setSelectedEffectPosition() { function setSelectedEffectPosition() {
if (simplifiedUI) return;
let top = parseInt(getComputedStyle(gId("sliders")).height); let top = parseInt(getComputedStyle(gId("sliders")).height);
top += 5; top += 5;
let sel = d.querySelector('#fxlist .selected'); let sel = d.querySelector('#fxlist .selected');
@ -3077,6 +3078,7 @@ function simplifyUI() {
_C.style.width = '100%' _C.style.width = '100%'
_C.style.setProperty('--n', 1); _C.style.setProperty('--n', 1);
gId("Colors").classList.add("simplified");
// Put effects below palett list // Put effects below palett list
gId("Colors").append(gId("fx")); gId("Colors").append(gId("fx"));
gId("Colors").append(gId("sliders")); gId("Colors").append(gId("sliders"));
@ -3113,12 +3115,6 @@ function simplifyUI() {
gId("Segments").style.display = "none"; gId("Segments").style.display = "none";
gId("Presets").style.display = "none"; gId("Presets").style.display = "none";
// We only want Effect Search to stay on top
gId("palw").firstElementChild.classList.remove("staytop");
// Simplify segments
gId("segcont").classList.add("simple");
// Hide filter options // Hide filter options
gId("filters").style.display = "none"; gId("filters").style.display = "none";
} }