fix(webui): make sidebar sticky as intended #2354

Merged
Sainan merged 4 commits from fix-sticky into main 2025-06-30 11:04:58 -07:00
3 changed files with 20 additions and 4 deletions

View File

@ -75,7 +75,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="w-100"> <div id="main-content" class="w-100">
<div data-route="/webui/" data-title="Login | OpenWF WebUI"> <div data-route="/webui/" data-title="Login | OpenWF WebUI">
<p data-loc="login_description"></p> <p data-loc="login_description"></p>
<form onsubmit="doLogin();return false;"> <form onsubmit="doLogin();return false;">

View File

@ -2738,3 +2738,9 @@ function handleValenceBonusChange(event) {
}); });
}); });
} }
document.querySelectorAll("#sidebar .nav-link").forEach(function (elm) {
elm.addEventListener("click", function () {
window.scrollTo(0, 0);
});
});

View File

@ -4,9 +4,19 @@
} }
body.logged-in #sidebar { body.logged-in #sidebar {
position: sticky; position: fixed;
top: 5rem; }
margin-right: 3rem;
body.logged-in #main-content {
margin-left: 7rem;
}
body.logged-in:has([data-lang="de"].active) #main-content {
margin-left: 8rem;
}
body.logged-in:has([data-lang="zh"].active) #main-content {
margin-left: 6rem;
} }
body:not(.logged-in) #sidebar { body:not(.logged-in) #sidebar {