From 42c4e78df60bda9a6b7bcbb514c6787e70389150 Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Fri, 3 Jul 2026 15:29:05 +0200
Subject: [PATCH] toc: add independent scrollbar for desktop TOC sidebar

- Added max-height, overflow-y: auto, overscroll-behavior: contain,
  and scrollbar-width: thin to .toc in the desktop media query (toc.css)
- This gives the TOC its own scrollbar when its content exceeds the
  viewport height, scrolling independently from the main content
- Affects both public pages (about, charte, licence via .page-content)
  and admin pages (acces, parametres, contenus via .admin-main--toc)
---
 TODO.md                                  | 1 +
 app/public/assets/css/components/toc.css | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/TODO.md b/TODO.md
index 4d4f596..e4f1206 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,2 +1,3 @@
 - [x] Fix markdown cheatsheet modal 500 error — missing `require_once bootstrap.php` in `app/public/admin/markdown-cheatsheet-fragment.php`
 - [x] Add `padding-bottom` to `.md-cheatsheet-dialog` so last table row isn't flush against dialog edge
+- [x] Add independent scrollbar for TOC in charte/licence/apropos + admin pages (max-height + overflow-y: auto on .toc desktop)
diff --git a/app/public/assets/css/components/toc.css b/app/public/assets/css/components/toc.css
index d8707b4..ab19f9a 100644
--- a/app/public/assets/css/components/toc.css
+++ b/app/public/assets/css/components/toc.css
@@ -110,12 +110,16 @@
     opacity: 0.8;
 }
 
-/* ── Desktop: sticky sidebar ───────────────────────────────────────────── */
+/* ── Desktop: sticky sidebar with independent scroll ──────────────────── */
 @media (min-width: 768px) {
     .toc {
         position: sticky;
         top: var(--space-l);
         grid-column: 1;
+        max-height: calc(100vh - var(--space-xl) - var(--space-2xl));
+        overflow-y: auto;
+        overscroll-behavior: contain;
+        scrollbar-width: thin;
     }
 
     .toc summary {