louis/gigafibre-fsm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(planif): rangée de quart compacte (champs HH:MM à largeur fixe) — fini le scroll horizontal

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
louispaulb 2026-07-23 21:49:07 -04:00
parent 53cf52bb13
commit fb764f8468
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/ops/src/components/planif/PlanifCellMenu.vue
View File

@ -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 { 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-editlink:hover { text-decoration: underline; }
.pcm-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; } .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-sep { color: #94a3b8; }
.pcm-h { color: #64748b; font-size: 12px; font-weight: 600; margin-left: auto; } .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; } .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-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-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-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. */ /* « Vider » = action destructive du jour → visible (rouge outline) mais pas dominante, pour éviter les clics accidentels. */
.pcm-clear { letter-spacing: 0.2px; } .pcm-clear { letter-spacing: 0.2px; }
.pcm-clear:hover { background: #fef2f2; } .pcm-clear:hover { background: #fef2f2; }