Sainan d5297d3547 fix(webui): sidebar toggler not showing up on small screens (#2053)
Closes #2049

Reviewed-on: OpenWF/SpaceNinjaServer#2053
Co-authored-by: Sainan <63328889+Sainan@users.noreply.github.com>
Co-committed-by: Sainan <63328889+Sainan@users.noreply.github.com>
2025-05-10 19:12:25 -07:00

42 lines
864 B
CSS

@media (min-width: 992px) {
body.logged-in #main-view {
display: flex;
}
body.logged-in #sidebar {
position: sticky;
top: 5rem;
margin-right: 3rem;
}
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);
}