thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-11-09 06:12:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensure sidebar state shifts app layout

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-06 20:43:48 -04:00
1 parent d1d481555d
commit 79aa7f7669
9 files changed
+44 -23
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/style.css
+15 -2
View File
@@ -33,6 +33,7 @@
--sidebar-width-collapsed: 4rem;
--sidebar-width: var(--sidebar-width-expanded);
--sidebar-control-size: 2.75rem;
--sidebar-content-gap: 1rem;
}
html {
@@ -1798,8 +1799,20 @@ body.sidebar-open #sidebarOverlay {
}
#app {
margin-left: var(--sidebar-width);
transition: margin-left 200ms ease;
box-sizing: border-box;
transition: margin-left 200ms ease, width 200ms ease, max-width 200ms ease;
}
#app[data-sidebar-state="collapsed"] {
margin-left: calc(var(--sidebar-width-collapsed) + var(--sidebar-content-gap));
width: calc(100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap));
max-width: calc(100vw - var(--sidebar-width-collapsed) - var(--sidebar-content-gap));
}
#app[data-sidebar-state="expanded"] {
margin-left: calc(var(--sidebar-width-expanded) + var(--sidebar-content-gap));
width: calc(100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap));
max-width: calc(100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap));
}
body.sidebar-collapsed,