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

fix: force bookmarks pane expanded on mobile and ensure highlights pane sits above content on desktop

Browse Source
This commit is contained in:
Gigi
2025-10-10 17:54:32 +01:00
parent 6a9036bfef
commit d281ca5f87
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ThreePaneLayout.tsx
View File

@@ -243,7 +243,7 @@ const ThreePaneLayout: React.FC<ThreePaneLayoutProps> = (props) => {
<BookmarkList <BookmarkList
bookmarks={props.bookmarks} bookmarks={props.bookmarks}
onSelectUrl={props.onSelectUrl} onSelectUrl={props.onSelectUrl}
isCollapsed={props.isCollapsed} isCollapsed={isMobile ? false : props.isCollapsed}
onToggleCollapse={props.onToggleSidebar} onToggleCollapse={props.onToggleSidebar}
onLogout={props.onLogout} onLogout={props.onLogout}
viewMode={props.viewMode} viewMode={props.viewMode}

5
src/index.css
View File

@@ -604,6 +604,11 @@ body.mobile-sidebar-open {
height: 100%; height: 100%;
} }
/* Ensure panes are stacked in the correct order on desktop */
.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) {
/* Both sidepanes slide in as overlays */ /* Both sidepanes slide in as overlays */