From b9df6d720af2a7c5a5527688a6b7320176da82b9 Mon Sep 17 00:00:00 2001 From: louispaulb Date: Sat, 4 Jul 2026 20:58:43 -0400 Subject: [PATCH] =?UTF-8?q?fix(ops/mobile):=20bandes=20d'occupation=20?= =?UTF-8?q?=E2=89=A47=20jours=20remplissent=20la=20largeur=20(fini=20le=20?= =?UTF-8?q?micro-d=C3=A9filement)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Les cellules de jour étaient à largeur fixe (52px) → une bande de 7 jours (~400px) débordait de ~57px sur mobile et défilait légèrement (6,5 jours visibles). Override mobile `.os-day { flex:1 0 40px; width:auto }` : jusqu'à 7 jours, les cellules s'étirent pour remplir la largeur (tableau de bord « cette/prochaine semaine » = 7 tiennent pile). Au-delà (tournées = bande 14 j) elles gardent leur plancher 40px et la bande défile comme avant. Vérifié 375px : tableau de bord 7 j = ne défile plus (jour 41px) ; Planif 14 j = défile toujours (jour 40px). Portée mobile uniquement. Co-Authored-By: Claude Opus 4.8 --- apps/ops/src/components/shared/OccupancyStrip.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/apps/ops/src/components/shared/OccupancyStrip.vue b/apps/ops/src/components/shared/OccupancyStrip.vue index bd4ef0e..e7240e8 100644 --- a/apps/ops/src/components/shared/OccupancyStrip.vue +++ b/apps/ops/src/components/shared/OccupancyStrip.vue @@ -66,4 +66,9 @@ function dayTitle (d) { .os-fill { width: 100%; border-radius: 5px; transition: height .3s; } .os-h { font-size: 10px; color: var(--ops-text-secondary, #64748b); white-space: nowrap; } .os-over { color: #ef4444; margin-left: 1px; } +/* Mobile : ≤ 7 jours (bandes hebdo du tableau de bord) → les cellules s'étirent pour remplir la largeur + (fini le micro-défilement) ; au-delà (bande 14 j des tournées) elles gardent leur plancher et défilent. */ +@media (max-width: 599px) { + .os-day { flex: 1 0 40px; width: auto; } +}