Commit Graph
4 Commits
Author SHA1 Message Date
neckfireandClaude Opus 5 a81a5a4bee Page admin : supprime le débordement à toutes les largeurs
Build & Deploy / build (push) Successful in 24s
Mesuré au navigateur avant/après (scrollWidth vs clientWidth, 320/375/414/768/
900/1024/1280px) : la page débordait partout, de 17px en mode carte et de 32px
au-dessus de 1024. Deux causes, aucune liée aux points de rupture.

1. L'application tourne en content-box. src/styles/global.css porte bien un
   `* { box-sizing: border-box }` mais n'est importé nulle part — main.tsx ne
   charge que index.css, qui pose border-box sur le seul #root. Tout width:100%
   assorti d'un padding débordait donc de son conteneur. Réinitialisation
   cantonnée à .page : global.css est un vestige d'une ancienne maquette (son
   propre .sidebar, .layout, un autre fond de body), l'importer déplacerait tout
   le site.

2. En mode carte, .table td était en display:flex : le texte de la cellule
   devenait un élément flex anonyme, avec min-width:auto, et un titre de
   document long refusait de se réduire — il sortait de la carte et entraînait
   la page entière, onglets compris. Passé en bloc, intitulé au-dessus de la
   valeur, avec coupure des mots.

Aussi : min-width:0 sur .tabs, sans quoi son overflow-x:auto ne s'enclenchait
jamais ; et rétablissement de la rangée d'actions, dont le display:flex était
écrasé en spécificité par `.table td { display: block }`.

Après correction : aucun débordement sur les quatre onglets, de 320 à 1280px.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-15 17:06:15 +02:00
neckfireandClaude Opus 5 35d2588dfc Corrige le débordement de la page admin (texte et onglets hors cadre)
Build & Deploy / build (push) Successful in 23s
Cause réelle : .main est un élément flex sans min-width:0. Sa valeur par défaut
min-width:auto l'autorise à dépasser la largeur de son conteneur dès qu'il
contient un bloc large — ici le tableau des documents, dont les titres sont
longs. La page entière partait donc plus large que l'écran, entraînant l'entête
et les onglets avec elle. Aucun point de rupture ne pouvait rattraper ça, le
problème étant en amont du responsive.

- .main : min-width:0 (corrige aussi les autres pages à tableau).
- .page : width:100% + min-width:0, pour ne jamais dépasser la place offerte.
- Onglets : bande défilante à toutes les largeurs, plus seulement sous le
  breakpoint — avec la sidebar de 16rem, quatre onglets débordent bien avant.
- Cellules : coupure des mots à toutes les largeurs, et borne de largeur sur la
  colonne titre, qu'un seul libellé long suffisait à étirer.
- Bascule en cartes remontée de 768 à 900px : la sidebar retire 16rem à la
  largeur utile, les tableaux étaient à l'étroit bien avant le seuil.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-15 16:50:59 +02:00
neckfireandClaude Opus 5 02d56d90bc Page admin : statistiques réparées et refonte responsive dans la DA du site
Build & Deploy / build (push) Successful in 22s
Statistiques : le type Stats attendait cir/sccs/users alors que /admin/stats
renvoie cir_documents/sccs_documents/total_users. Trois cartes sur quatre
affichaient « - » et les deux barres restaient à zéro. Contrat aligné sur l'API.

Style : la feuille n'utilisait aucune couleur du site — palette bleu ardoise,
unités en px, cartes sans bordure. Reprise de la DA des autres pages : accent
violet #7c3aed (celui de la Sidebar), échelle de gris et rayons 0.5/0.75rem de
DocumentsPage, cartes blanches bordées, unités rem.

Responsive :
- onglets en bande défilante au lieu d'un retour à la ligne qui cassait l'entête ;
- les tableaux deviennent des cartes sous 768px, chaque cellule portant son
  intitulé de colonne via data-label + ::before — l'ancien display:block empilait
  les valeurs sans dire à quoi elles correspondaient ;
- cartes de stats en grille auto-fit, plus de paliers codés en dur ;
- panneau scrapers en deux colonnes, empilé sous 1024px, boutons pleine largeur
  sous 480px ;
- modale contrainte à la largeur de l'écran, focus visible au clavier.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-15 16:34:00 +02:00
Mouignihazi 2197aad4e9 Admin : page admin + responsive + CookieBanner + Toast + BackToTop
Build & Deploy / build (push) Successful in 32s
2026-08-15 15:22:29 +02:00