From 9e91ba67913a20bc98fc1e131da82c82f2c6377c Mon Sep 17 00:00:00 2001 From: louispaulb Date: Thu, 23 Jul 2026 11:38:57 -0400 Subject: [PATCH] =?UTF-8?q?fix(planif):=20colonne=20Ressource=20gel=C3=A9e?= =?UTF-8?q?=20AU-DESSUS=20des=20calques=20de=20cellule=20(A6,=20z-index)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Vraie cause : les calques de cellule-jour (.ovl-warn triangle, .tl-fn-in rôle, .office-blk « sans déplacement » = z-index 3 ; .drop-badge = 6) passaient PAR-DESSUS la colonne gelée (.tech-col z-index 2) au défilement → ils recouvraient le nom du tech. Colonne gelée montée à z-index 8 (en-tête 9) → elle recouvre désormais tout le contenu de cellule qui glisse dessous. Co-Authored-By: Claude Opus 4.8 --- apps/ops/src/pages/PlanificationPage.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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; }