diff --git a/apps/ops/src/pages/PlanificationPage.vue b/apps/ops/src/pages/PlanificationPage.vue index 21094ab..4b1f1bb 100644 --- a/apps/ops/src/pages/PlanificationPage.vue +++ b/apps/ops/src/pages/PlanificationPage.vue @@ -506,12 +506,12 @@ Répartir automatiquement les jobs {{ routeSectorSel.size ? 'du secteur' : 'de ce jour' }} +
- + {{ j.subject || j.service_type || j.name }} {{ j.required_skill || '—' }} - +{{ routeDayUnassignedView.length - 16 }} de plus
@@ -5685,7 +5685,11 @@ onBeforeRouteLeave(() => { if (dirty.value && !window.confirm(DIRTY_MSG)) return /* Bande « jobs dus non assignés » (vue Tournées) : chips secteur (filtrent liste+carte) + chips job + Suggérer */ .rt-unassigned { margin-bottom: 6px; padding: 6px 8px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px; } .rt-ua-top { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; } -.rt-ua-jobs { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 5px; max-height: 70px; overflow-y: auto; } +/* Carrousel : rangée unique qui défile horizontalement (pas de retour à la ligne). */ +.rt-ua-jobs { display: flex; align-items: center; flex-wrap: nowrap; gap: 5px; margin-top: 5px; overflow-x: auto; overflow-y: hidden; padding-bottom: 4px; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; } +.rt-ua-jobs > .rt-ua-chip { flex: 0 0 auto; scroll-snap-align: start; } +.rt-ua-jobs::-webkit-scrollbar { height: 6px; } +.rt-ua-jobs::-webkit-scrollbar-thumb { background: #fdba74; border-radius: 3px; } .rt-ua-lbl { font-size: 12px; color: #9a3412; display: inline-flex; align-items: center; gap: 3px; } .rt-sect { display: inline-flex; align-items: center; gap: 2px; padding: 2px 8px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; font-size: 11.5px; font-weight: 600; color: #475569; cursor: pointer; user-select: none; } .rt-sect.on { background: #6366f1; border-color: #6366f1; color: #fff; }