From 9d7dadfdaceecea5b2a578a3772f7bc69ee58a88 Mon Sep 17 00:00:00 2001 From: neckfire Date: Sat, 15 Aug 2026 17:14:04 +0200 Subject: [PATCH] =?UTF-8?q?Onglets=20d'administration=20:=20retour=20?= =?UTF-8?q?=C3=A0=20la=20ligne=20au=20lieu=20du=20d=C3=A9filement?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit La bande défilante horizontale gardait les onglets dans le cadre mais en masquait hors champ : sur mobile, « Statistiques » et « Scrapers » n'étaient atteignables qu'en faisant glisser la barre, sans indice visuel qu'elle défilait. flex-wrap les fait passer à la ligne, tous restent visibles. Vérifié au navigateur : deux lignes à 320 et 375px ([Utilisateurs | Documents] puis [Statistiques | Scrapers]), une seule ligne dès 768px, aucun débordement de la nav ni de la page. Co-Authored-By: Claude Opus 5 (1M context) --- src/styles/Admin.module.css | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/src/styles/Admin.module.css b/src/styles/Admin.module.css index 066ebda..e753d61 100644 --- a/src/styles/Admin.module.css +++ b/src/styles/Admin.module.css @@ -47,13 +47,9 @@ gap: 0.5rem; min-width: 0; max-width: 100%; - overflow-x: auto; - scrollbar-width: none; - padding-bottom: 0.125rem; -} - -.tabs::-webkit-scrollbar { - display: none; + /* Les onglets passent à la ligne quand ils ne tiennent plus, plutôt que de + défiler : aucun n'est masqué hors champ. */ + flex-wrap: wrap; } .tabs button { @@ -66,7 +62,6 @@ font-weight: 500; cursor: pointer; white-space: nowrap; - flex-shrink: 0; transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease; }