From fb764f84689a140dd3a6f668cee706d190c9f70f Mon Sep 17 00:00:00 2001 From: louispaulb Date: Thu, 23 Jul 2026 21:49:07 -0400 Subject: [PATCH] =?UTF-8?q?fix(planif):=20rang=C3=A9e=20de=20quart=20compa?= =?UTF-8?q?cte=20(champs=20HH:MM=20=C3=A0=20largeur=20fixe)=20=E2=80=94=20?= =?UTF-8?q?fini=20le=20scroll=20horizontal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Les inputs heure de la rangée de quart (.pcm-time) n'avaient pas de largeur → ils prenaient toute la place et poussaient « total h » + ✕ hors du menu (scroll horizontal). Largeur fixe 58px + centré, box-sizing border-box. La rangée début → fin + total + ✕ tient maintenant dans le menu 300px, comme l'éditeur de préréglage. Override redondant .pcm-preset-editor .pcm-time retiré. Co-Authored-By: Claude Opus 4.8 --- apps/ops/src/components/planif/PlanifCellMenu.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/apps/ops/src/components/planif/PlanifCellMenu.vue b/apps/ops/src/components/planif/PlanifCellMenu.vue index 8ac9f79..1a734f1 100644 --- a/apps/ops/src/components/planif/PlanifCellMenu.vue +++ b/apps/ops/src/components/planif/PlanifCellMenu.vue @@ -181,7 +181,7 @@ function clearAll () { rows.value = []; overlap.value = false; clearTimeout(emit .pcm-editlink { display: inline-flex; align-items: center; gap: 3px; margin-top: 4px; font-size: 11px; font-weight: 600; color: #4338ca; cursor: pointer; user-select: none; } /* lien vers l'éditeur de compétences en chips (section rôle) */ .pcm-editlink:hover { text-decoration: underline; } .pcm-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; } -.pcm-time { border: 1px solid #cbd5e1; border-radius: 6px; padding: 3px 6px; font-size: 13px; font-family: inherit; } +.pcm-time { width: 58px; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: 6px; padding: 3px 6px; font-size: 13px; font-family: inherit; text-align: center; } /* largeur fixe « HH:MM » → la rangée de quart tient dans le menu (fini le débordement/scroll horizontal) */ .pcm-sep { color: #94a3b8; } .pcm-h { color: #64748b; font-size: 12px; font-weight: 600; margin-left: auto; } .pcm-empty { font-size: 11.5px; color: #94a3b8; font-style: italic; margin: 2px 0 4px; } @@ -196,7 +196,6 @@ function clearAll () { rows.value = []; overlap.value = false; clearTimeout(emit .pcm-preset-edit:hover { opacity: 1; } .pcm-preset-editor { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 5px; padding: 4px 6px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; } .pcm-preset-lbl { flex-basis: 100%; font-size: 11px; font-weight: 600; color: #475569; white-space: nowrap; } /* label sur sa propre ligne → début → fin + ✓/✕ tiennent en dessous (menu 300px) */ -.pcm-preset-editor .pcm-time { width: 52px; } /* « Vider » = action destructive du jour → visible (rouge outline) mais pas dominante, pour éviter les clics accidentels. */ .pcm-clear { letter-spacing: 0.2px; } .pcm-clear:hover { background: #fef2f2; }