Sainan 049baa4313
Some checks failed
Build / build (push) Has been cancelled
Build Docker image / docker-amd64 (push) Has been cancelled
Build Docker image / docker-arm64 (push) Has been cancelled
fix(webui): make sidebar sticky as intended (#2354)
also a bit of language-specific width adjustment

Reviewed-on: #2354
Co-authored-by: Sainan <63328889+Sainan@users.noreply.github.com>
Co-committed-by: Sainan <63328889+Sainan@users.noreply.github.com>
2025-06-30 11:04:58 -07:00

52 lines
1.1 KiB
CSS

@media (min-width: 992px) {
body.logged-in #main-view {
display: flex;
}
body.logged-in #sidebar {
position: fixed;
}
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 {
display: none;
}
}
body:not(.logged-in) .user-dropdown {
display: none;
}
td.text-end > a > svg {
fill: currentColor;
height: 1em;
margin-left: 0.5em;
margin-bottom: 4px; /* to centre the icon */
}
/* if an item name is super long, ensure it doesn't prevent the user from using actions */
.card-body {
overflow: auto;
}
/* fixes for navbar on small resolutions due to not being navbar-expand */
.navbar.sticky-top .navbar-nav {
flex-direction: row;
}
.dropdown-toggle {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}