SLP_Software/slp-modular-cms
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Fixes mobile sidebar collapsing to content height instead of filling the overlay
Continuous Integration / config (pull_request) Successful in 9s
Details
Continuous Integration / backend-build (pull_request) Successful in 5m9s
Details
Continuous Integration / vulnerability-scan (pull_request) Successful in 4m28s
Details
Continuous Integration / frontend-prepare (pull_request) Successful in 1m53s
Details
Continuous Integration / backend-test (pull_request) Successful in 5m29s
Details
Continuous Integration / frontend-build (pull_request) Successful in 2m16s
Details
Continuous Integration / frontend-test (pull_request) Successful in 4m42s
Details
Continuous Integration / frontend-lint (pull_request) Successful in 1m54s
Details
Continuous Integration / publish-production (pull_request) Skipped
Details
Continuous Integration / deploy-production (pull_request) Skipped
Details
Continuous Integration / publish-test (pull_request) Successful in 6m37s
Details
Continuous Integration / deploy-test (pull_request) Skipped
Details

Browse Source 
The aside had no explicit height, so it stretched to full height on
desktop only because its flex-row parent applies align-items:stretch.
In the mobile SidebarOverlay it sits in a plain (non-flex) h-full div,
so it shrank to fit its nav items, pushing settings/profile up under
the nav instead of staying pinned to the bottom.
This commit is contained in:
Sluijsens
2026-07-31 00:40:25 +02:00
parent 5dfe92b61c
commit bc4de27b97
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/layout/Sidebar.tsx
+1 -1
View File
@@ -54,7 +54,7 @@ export function Sidebar({ onClose }: SidebarProps = {}) {
return ( return (
<aside <aside
className="flex w-64 shrink-0 flex-col border-r border-border bg-card" className="flex h-full w-64 shrink-0 flex-col border-r border-border bg-card"
data-testid="app-sidebar" data-testid="app-sidebar"
> >
<div className="flex h-16 items-center justify-between border-b border-border px-6"> <div className="flex h-16 items-center justify-between border-b border-border px-6">