From c9a93d4f16c1c4a654236180148cad788783dc4c Mon Sep 17 00:00:00 2001 From: mathis Date: Sun, 30 Aug 2026 22:50:31 +0200 Subject: [PATCH] =?UTF-8?q?Correction=20de=20l'alignement,=20dimensions=20?= =?UTF-8?q?et=20d=C3=A9tection=20des=20box=20de=20quai=20sur=20Classiques?= =?UTF-8?q?=20D=C3=A9parts=20et=20Arriv=C3=A9es?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../classiques/ClassiquesArrivees.css | 20 +++++++++++-------- .../classiques/ClassiquesArrivees.js | 11 +++++++++- .../classiques/ClassiquesDeparts.css | 19 ++++++++++-------- .../classiques/ClassiquesDeparts.js | 11 +++++++++- 4 files changed, 43 insertions(+), 18 deletions(-) diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.css b/src/pages/afficheurs/classiques/ClassiquesArrivees.css index 5eb3f37..fd8ea1f 100644 --- a/src/pages/afficheurs/classiques/ClassiquesArrivees.css +++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.css @@ -91,7 +91,7 @@ max-height: 108px; box-sizing: border-box; padding-left: 20px; - padding-right: 240px; /* Espace réservé pour le texte vertical arrivées */ + padding-right: 24px; position: relative; z-index: 2; overflow: hidden; @@ -178,6 +178,7 @@ white-space: nowrap; font-family: "Achemine", sans-serif; } + /* Colonne 4 : Provenance (Gare d'origine) */ .aff-classiques-arrivees__col-destination { flex: 1 1 0; @@ -186,7 +187,7 @@ align-items: center; justify-content: flex-start; padding-left: 10px; - padding-right: 16px; + padding-right: 20px; height: 100%; overflow: hidden; box-sizing: border-box; @@ -205,19 +206,21 @@ /* Colonne 5 : Quai / Voie */ .aff-classiques-arrivees__col-platform { - width: 90px; - min-width: 90px; + width: 120px; + min-width: 120px; display: flex; align-items: center; justify-content: center; height: 100%; + position: relative; + z-index: 20; } .aff-classiques-arrivees__platform-box { - width: 58px; - height: 58px; + width: 104px; + height: 76px; border: 3.5px solid var(--white); - border-radius: 8px; + border-radius: 12px; display: flex; align-items: center; justify-content: center; @@ -227,8 +230,9 @@ .aff-classiques-arrivees__platform-text { color: var(--white); - font-size: 44px; + font-size: 58px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif; + text-align: center; } \ No newline at end of file diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.js b/src/pages/afficheurs/classiques/ClassiquesArrivees.js index b6250f9..7701159 100644 --- a/src/pages/afficheurs/classiques/ClassiquesArrivees.js +++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.js @@ -1218,7 +1218,16 @@ export default function ClassiquesArrivees(){ const time = horaire._displayTime || formatTimeNoSeconds(horaire.heure_arrivee || horaire.arrival_time || horaire.time || horaire.heure || ''); const origin = horaire.gare_depart_nom || horaire.gare_depart || horaire.origine || ''; const formattedOrigin = formatStationName(origin); - const rawPlatform = (horaire._displayPlatform || horaire.voie || horaire.quai || '').toString().trim(); + const rawPlatform = ( + horaire._displayPlatform || + horaire.quai || + horaire.voie || + horaire.platform || + horaire.platform_code || + horaire.track || + (horaire.stop_point && horaire.stop_point.platform_code) || + '' + ).toString().trim(); const cleanPlatform = formatPlatform(rawPlatform); const stationId = horaire.gare_arrivee_id || horaire.gare_id || horaire.destination_id || (gareIdParam || null); diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.css b/src/pages/afficheurs/classiques/ClassiquesDeparts.css index 8e76d73..69ad961 100644 --- a/src/pages/afficheurs/classiques/ClassiquesDeparts.css +++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.css @@ -91,7 +91,7 @@ max-height: 108px; box-sizing: border-box; padding-left: 20px; - padding-right: 240px; /* Espace réservé pour le texte vertical départs */ + padding-right: 24px; position: relative; z-index: 2; overflow: hidden; @@ -187,7 +187,7 @@ align-items: center; justify-content: flex-start; padding-left: 10px; - padding-right: 16px; + padding-right: 20px; height: 100%; overflow: hidden; box-sizing: border-box; @@ -206,19 +206,21 @@ /* Colonne 5 : Quai / Voie */ .aff-classiques-departs__col-platform { - width: 90px; - min-width: 90px; + width: 120px; + min-width: 120px; display: flex; align-items: center; justify-content: center; height: 100%; + position: relative; + z-index: 20; } .aff-classiques-departs__platform-box { - width: 58px; - height: 58px; + width: 104px; + height: 76px; border: 3.5px solid var(--white); - border-radius: 8px; + border-radius: 12px; display: flex; align-items: center; justify-content: center; @@ -228,8 +230,9 @@ .aff-classiques-departs__platform-text { color: var(--white); - font-size: 44px; + font-size: 58px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif; + text-align: center; } \ No newline at end of file diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.js b/src/pages/afficheurs/classiques/ClassiquesDeparts.js index b040a64..aa3743f 100644 --- a/src/pages/afficheurs/classiques/ClassiquesDeparts.js +++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.js @@ -1215,7 +1215,16 @@ export default function ClassiquesDeparts(){ const time = horaire._displayTime || formatTimeNoSeconds(horaire.heure_depart || horaire.departure_time || horaire.time || horaire.heure || ''); const destination = horaire.gare_arrivee_nom || horaire.gare_arrivee || horaire.destination || ''; const formattedDestination = formatStationName(destination); - const rawPlatform = (horaire._displayPlatform || horaire.voie || horaire.quai || '').toString().trim(); + const rawPlatform = ( + horaire._displayPlatform || + horaire.quai || + horaire.voie || + horaire.platform || + horaire.platform_code || + horaire.track || + (horaire.stop_point && horaire.stop_point.platform_code) || + '' + ).toString().trim(); const cleanPlatform = formatPlatform(rawPlatform); const stationId = horaire.gare_depart_id || horaire.gare_id || horaire.origin_id || (gareIdParam || null);