From f9ea5dbba51cdad39a0e8fbb321970c53910f267 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 3 Jun 2026 15:55:36 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Correction=20du=20layout=20de=20l?=
 =?UTF-8?q?a=20sidebar=20:=20la=20nav=20utilise=20maintenant=20flex:=201?=
 =?UTF-8?q?=201=200=20avec=20minHeight:=200=20et=20overflowY:=20auto,=20et?=
 =?UTF-8?q?=20l'aside=20a=20height:=20100vh=20avec=20overflow:=20hidden.?=
 =?UTF-8?q?=20Cela=20garantit=20que=20le=20bouton=20Param=C3=A8tres=20rest?=
 =?UTF-8?q?e=20toujours=20visible=20en=20bas,=20m=C3=AAme=20quand=20les=20?=
 =?UTF-8?q?sous-menus=20=C3=89tablissements=20ou=20DSI=20sont=20ouverts=20?=
 =?UTF-8?q?et=20que=20le=20contenu=20d=C3=A9passe=20la=20hauteur=20de=20l'?=
 =?UTF-8?q?=C3=A9cran.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/AppSidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/AppSidebar.tsx b/client/src/components/AppSidebar.tsx
index 4a4f0be..18840b1 100644
--- a/client/src/components/AppSidebar.tsx
+++ b/client/src/components/AppSidebar.tsx
@@ -238,7 +238,7 @@ export function AppSidebar({ collapsed = false, onToggle }: AppSidebarProps) {
   return (
     <aside
       className={`flex-shrink-0 text-white flex flex-col transition-all duration-300 ${collapsed ? 'w-14' : 'w-64'}`}
-      style={{ minHeight: '100vh', background: 'oklch(0.20 0.055 245)' }}
+      style={{ height: '100vh', position: 'sticky', top: 0, background: 'oklch(0.20 0.055 245)', overflow: 'hidden' }}
     >
       {/* Logo / Titre */}
       <div className="px-3 py-4 border-b border-white/10 flex items-center gap-3">
@@ -264,7 +264,7 @@ export function AppSidebar({ collapsed = false, onToggle }: AppSidebarProps) {
       </div>
 
       {/* Navigation principale */}
-      <nav className="flex-1 py-2 overflow-y-auto space-y-0.5">
+      <nav className="py-2 space-y-0.5" style={{ flex: '1 1 0', minHeight: 0, overflowY: 'auto' }}>
         {NAV_SECTIONS.map(section => {
           const c = colors(section.id);
           const isActive = sectionHasActive(section, location);