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:
parent
5a35f64a9d
commit
b9df6d720a
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user