lelii
/
humainflow-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Let the admin console scroll instead of clipping at the viewport 

The admin shell was a fixed-height panel whose only scroller was the
content column, and both wrappers above it hide their overflow. Below
900px the sidebar and the content stack into one column, the two rows
no longer fit, and nothing could scroll to reach what fell off the
bottom.

Make the shell itself the single scroller, so header, sidebar and
content scroll together, and give the host the flex sizing that its
height was already assuming.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Lucio Lelii 2026-09-09 12:52:20 +02:00
parent 71aacef9af
commit 497eba6e1b
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/layouts/admin-layout/admin-layout.css
View File

@ -1,8 +1,19 @@
:host {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
.admin-shell {
display: flex;
flex-direction: column;
height: 100%;
flex: 1 1 auto;
min-height: 0;
/* unico contenitore scrollabile della console admin:
header + sidebar + contenuto scorrono insieme */
overflow-y: auto;
overflow-x: hidden;
}
.admin-shell__header {
@ -38,7 +49,7 @@
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
gap: 18px;
flex: 1 1 auto;
flex: 1 0 auto;
min-height: 0;
}
@ -119,8 +130,8 @@
}
.admin-shell__content {
min-width: 0;
min-height: 0;
overflow: auto;
}
@media (max-width: 900px) {