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

fix(planif): colonne Ressource gelée AU-DESSUS des calques de cellule (A6, z-index)

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

4
apps/ops/src/pages/PlanificationPage.vue
View File

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