From 497eba6e1b4c700be6c8e23c02ce3d649e049d29 Mon Sep 17 00:00:00 2001
From: Lucio Lelii <lucio.lelii@isti.cnr.it>
Date: Wed, 9 Sep 2026 12:52:20 +0200
Subject: [PATCH] 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>
---
 src/app/layouts/admin-layout/admin-layout.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/app/layouts/admin-layout/admin-layout.css b/src/app/layouts/admin-layout/admin-layout.css
index f6e2358..c3f15ba 100644
--- a/src/app/layouts/admin-layout/admin-layout.css
+++ b/src/app/layouts/admin-layout/admin-layout.css
@@ -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) {