matteoscrugli/app-service
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make main-content the scroll container for sticky tabs

Browse Source 
Add overflow-y: auto and height: 100vh/100dvh to .main-content
so that position: sticky works on the tab bar container

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
matteoscrugli
2025-12-23 23:39:21 +01:00
parent 06e354e8ec
commit 61b0e7833d
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/styles/Layout.css
View File

@@ -20,6 +20,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transition: margin-left 0.3s ease; transition: margin-left 0.3s ease;
overflow-y: auto;
height: 100vh;
height: 100dvh;
} }
/* Adjust main content when sidebar is collapsed */ /* Adjust main content when sidebar is collapsed */