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; }