diff --git a/apps/ops/src/pages/PlanificationPage.vue b/apps/ops/src/pages/PlanificationPage.vue index e03cc65..ae6a285 100644 --- a/apps/ops/src/pages/PlanificationPage.vue +++ b/apps/ops/src/pages/PlanificationPage.vue @@ -6860,8 +6860,8 @@ onBeforeRouteLeave(async () => { await autosaveDraft() }) // #2 — flush le bro .roster-grid th, .roster-grid td { border: 1px solid #c7d0dc; text-align: center; padding: 2px; } /* séparateurs plus contrastés (était #eee, invisible sur le gris des cellules) */ .roster-grid th + th, .roster-grid td + td { border-left-color: #aab6c6; } /* séparateur de COLONNE (jour) plus marqué que les lignes — en-tête ET rangées */ .roster-grid thead th { position: sticky; top: 0; background: #fafafa; z-index: 1; } -.tech-col { position: sticky; left: 0; background: #fff; text-align: left !important; white-space: nowrap; padding: 2px 8px !important; min-width: 300px; max-width: 360px; z-index: 2; } /* largeur bornée ; le contenu interne (nom/groupe) tronque → l'œil reste visible sans clipper la colonne */ -.roster-grid thead .tech-col { z-index: 3; } +.tech-col { position: sticky; left: 0; background: #fff; text-align: left !important; white-space: nowrap; padding: 2px 8px !important; min-width: 300px; max-width: 360px; z-index: 8; } /* z-index 8 > tous les calques de cellule-jour (ovl-warn/tl-fn-in/office-blk=3, drop-badge=6) : la colonne gelée passe AU-DESSUS quand la grille défile → triangle/rôle/icône « sans déplacement » ne débordent plus SUR le nom du tech */ +.roster-grid thead .tech-col { z-index: 9; } /* en-tête gelé au-dessus du corps gelé (8) et des calques de cellule */ .roster-grid tbody tr:hover td { background: #f0f7ff; } .roster-grid tbody tr:hover .tech-col { background: #f0f7ff; } th.weekend, td.weekend { background: #f5f5f5; }