FERROVIA_SA/ferrovia-infogare
1
0 Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 2 Releases Wiki Activity

Correction de la hiérarchie des calques: le watermark est au-dessus des lignes, et les quais sont au-dessus du watermark

Browse Source
This commit is contained in:
mathis committed 2026-08-30 22:56:06 +02:00
1 parent 206d82da5a
commit 40abcee325
2 files changed
+34 -24
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/afficheurs/classiques/ClassiquesArrivees.css
+17 -12
View File
@@ -23,25 +23,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* Watermark / Texte vertical "arrivées" sur la droite (du rang 2 au rang 10) */ /* Watermark / Texte vertical "arrivées" sur la droite (Calque intermédiaire z-index: 10) */
.aff-classiques-arrivees__sidebar { .aff-classiques-arrivees__sidebar {
position: absolute; position: absolute;
top: 108px; top: 0;
bottom: 0;
right: 0; right: 0;
width: 250px; width: 260px;
height: 972px; height: 1080px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 5; z-index: 10;
pointer-events: none; pointer-events: none;
overflow: hidden;
} }
.aff-classiques-arrivees__sidebar-text { .aff-classiques-arrivees__sidebar-text {
color: var(--sidebar-green); color: var(--sidebar-green);
font-size: 190px; font-size: 210px;
font-weight: 700; font-weight: 700;
letter-spacing: -2px; letter-spacing: -2px;
line-height: 1; line-height: 1;
@@ -52,7 +50,7 @@
user-select: none; user-select: none;
} }
/* Liste des 10 lignes */ /* Liste des 10 lignes (Calque de fond z-index: 1) */
.aff-classiques-arrivees__list { .aff-classiques-arrivees__list {
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -61,6 +59,7 @@
height: 1080px; height: 1080px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative;
} }
/* Chaque ligne (108px de haut) */ /* Chaque ligne (108px de haut) */
@@ -74,8 +73,6 @@
padding-left: 20px; padding-left: 20px;
padding-right: 24px; padding-right: 24px;
position: relative; position: relative;
z-index: 2;
overflow: hidden;
} }
.aff-classiques-arrivees__row:nth-child(odd) { .aff-classiques-arrivees__row:nth-child(odd) {
@@ -98,6 +95,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100%; height: 100%;
position: relative;
z-index: 2;
} }
.aff-classiques-arrivees__op-logo { .aff-classiques-arrivees__op-logo {
@@ -118,6 +117,8 @@
padding-left: 12px; padding-left: 12px;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
position: relative;
z-index: 2;
} }
.aff-classiques-arrivees__train-type { .aff-classiques-arrivees__train-type {
@@ -148,6 +149,8 @@
padding-left: 18px; padding-left: 18px;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
position: relative;
z-index: 2;
} }
.aff-classiques-arrivees__time { .aff-classiques-arrivees__time {
@@ -172,6 +175,8 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
position: relative;
z-index: 2;
} }
.aff-classiques-arrivees__destination { .aff-classiques-arrivees__destination {
@@ -185,7 +190,7 @@
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
} }
/* Colonne 5 : Quai / Voie */ /* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */
.aff-classiques-arrivees__col-platform { .aff-classiques-arrivees__col-platform {
width: 120px; width: 120px;
min-width: 120px; min-width: 120px;
src/pages/afficheurs/classiques/ClassiquesDeparts.css
+17 -12
View File
@@ -23,25 +23,23 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* Watermark / Texte vertical "départs" sur la droite (du rang 2 au rang 10) */ /* Watermark / Texte vertical "départs" sur la droite (Calque intermédiaire z-index: 10) */
.aff-classiques-departs__sidebar { .aff-classiques-departs__sidebar {
position: absolute; position: absolute;
top: 108px; top: 0;
bottom: 0;
right: 0; right: 0;
width: 250px; width: 260px;
height: 972px; height: 1080px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 5; z-index: 10;
pointer-events: none; pointer-events: none;
overflow: hidden;
} }
.aff-classiques-departs__sidebar-text { .aff-classiques-departs__sidebar-text {
color: var(--sidebar-blue); color: var(--sidebar-blue);
font-size: 200px; font-size: 210px;
font-weight: 700; font-weight: 700;
letter-spacing: -2px; letter-spacing: -2px;
line-height: 1; line-height: 1;
@@ -52,7 +50,7 @@
user-select: none; user-select: none;
} }
/* Liste des 10 lignes */ /* Liste des 10 lignes (Calque de fond z-index: 1) */
.aff-classiques-departs__list { .aff-classiques-departs__list {
list-style: none; list-style: none;
margin: 0; margin: 0;
@@ -61,6 +59,7 @@
height: 1080px; height: 1080px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative;
} }
/* Chaque ligne (108px de haut) */ /* Chaque ligne (108px de haut) */
@@ -74,8 +73,6 @@
padding-left: 20px; padding-left: 20px;
padding-right: 24px; padding-right: 24px;
position: relative; position: relative;
z-index: 2;
overflow: hidden;
} }
.aff-classiques-departs__row:nth-child(odd) { .aff-classiques-departs__row:nth-child(odd) {
@@ -98,6 +95,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100%; height: 100%;
position: relative;
z-index: 2;
} }
.aff-classiques-departs__op-logo { .aff-classiques-departs__op-logo {
@@ -118,6 +117,8 @@
padding-left: 12px; padding-left: 12px;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
position: relative;
z-index: 2;
} }
.aff-classiques-departs__train-type { .aff-classiques-departs__train-type {
@@ -148,6 +149,8 @@
padding-left: 18px; padding-left: 18px;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
position: relative;
z-index: 2;
} }
.aff-classiques-departs__time { .aff-classiques-departs__time {
@@ -172,6 +175,8 @@
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
position: relative;
z-index: 2;
} }
.aff-classiques-departs__destination { .aff-classiques-departs__destination {
@@ -185,7 +190,7 @@
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
} }
/* Colonne 5 : Quai / Voie */ /* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */
.aff-classiques-departs__col-platform { .aff-classiques-departs__col-platform {
width: 120px; width: 120px;
min-width: 120px; min-width: 120px;