fix(ops/mobile): bandes d'occupation ≤7 jours remplissent la largeur (fini le micro-défilement)

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 <noreply@anthropic.com>
This commit is contained in:
louispaulb 2026-07-04 20:58:43 -04:00
parent 5a35f64a9d
commit b9df6d720a

View File

@ -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; }
}
</style>