thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-29 17:02:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust sidebar width to accommodate dropup content

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2025-10-19 14:28:44 -04:00
1 parent ea4c50f218
commit 5fca466e94
3 files changed
+142 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+31 -9
View File
@@ -2811,9 +2811,18 @@
}
#app[data-sidebar-state="expanded"] {
margin-left: var(--sidebar-width-expanded);
width: calc(100vw - var(--sidebar-width-expanded));
max-width: calc(100vw - var(--sidebar-width-expanded));
margin-left: max(
var(--sidebar-width-expanded-base),
var(--sidebar-dropup-content-width)
);
width: min(
calc(100vw - var(--sidebar-width-expanded-base)),
calc(100vw - var(--sidebar-dropup-content-width))
);
max-width: min(
calc(100vw - var(--sidebar-width-expanded-base)),
calc(100vw - var(--sidebar-dropup-content-width))
);
}
body.sidebar-collapsed #sidebar .sidebar-nav-link,
@@ -2925,14 +2934,27 @@
}
#app[data-sidebar-state="expanded"] {
margin-left: calc(
var(--sidebar-width-expanded) + var(--sidebar-content-gap)
margin-left: max(
calc(var(--sidebar-width-expanded-base) + var(--sidebar-content-gap)),
calc(var(--sidebar-dropup-content-width) + var(--sidebar-content-gap))
);
width: calc(
100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap)
width: min(
calc(
100vw - var(--sidebar-width-expanded-base) - var(--sidebar-content-gap)
),
calc(
100vw - var(--sidebar-dropup-content-width) -
var(--sidebar-content-gap)
)
);
max-width: calc(
100vw - var(--sidebar-width-expanded) - var(--sidebar-content-gap)
max-width: min(
calc(
100vw - var(--sidebar-width-expanded-base) - var(--sidebar-content-gap)
),
calc(
100vw - var(--sidebar-dropup-content-width) -
var(--sidebar-content-gap)
)
);
}