aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-17 06:34:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: reduce mobile backdrop opacity and ensure sidepanes appear above it

Browse Source
This commit is contained in:
Gigi
2025-10-10 18:01:39 +01:00
parent d281ca5f87
commit 706276839a
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/index.css
View File

@@ -605,9 +605,12 @@ body.mobile-sidebar-open {
} }
/* Ensure panes are stacked in the correct order on desktop */ /* Ensure panes are stacked in the correct order on desktop */
.three-pane .pane.sidebar { z-index: 1; } @media (min-width: 769px) {
.three-pane .pane.main { z-index: 1; } /* Desktop stacking to keep highlights above main without overlap */
.three-pane .pane.highlights { z-index: 2; } .three-pane .pane.sidebar { z-index: 1; }
.three-pane .pane.main { z-index: 1; }
.three-pane .pane.highlights { z-index: 2; }
}
/* Mobile pane styles */ /* Mobile pane styles */
@media (max-width: 768px) { @media (max-width: 768px) {
@@ -621,7 +624,7 @@ body.mobile-sidebar-open {
height: 100vh; height: 100vh;
height: 100dvh; height: 100dvh;
background: #1a1a1a; background: #1a1a1a;
z-index: 1000; z-index: 1001; /* Above backdrop */
transition: transform 0.3s ease; transition: transform 0.3s ease;
box-shadow: none; box-shadow: none;
display: flex; display: flex;
@@ -687,8 +690,8 @@ body.mobile-sidebar-open {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.45);
z-index: 999; z-index: 999; /* Below sidepanes */
opacity: 0; opacity: 0;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }