From b90c6993025054c6a7495686dcfe3b77921e245b Mon Sep 17 00:00:00 2001 From: mathis Date: Mon, 31 Aug 2026 00:24:21 +0200 Subject: [PATCH] fix(classiques): fine-tune text dimensions and hierarchy strictly according to SNCF display reference img 1 --- .../classiques/ClassiquesArrivees.css | 44 +++++++++---------- .../classiques/ClassiquesDeparts.css | 44 +++++++++---------- 2 files changed, 44 insertions(+), 44 deletions(-) diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.css b/src/pages/afficheurs/classiques/ClassiquesArrivees.css index 6ac246d..f31b982 100644 --- a/src/pages/afficheurs/classiques/ClassiquesArrivees.css +++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.css @@ -162,7 +162,7 @@ .aff-classiques-arrivees__stop-bullet { color: var(--yellow); - font-size: 42px; + font-size: 46px; margin-right: 14px; margin-left: 18px; line-height: 1; @@ -175,8 +175,8 @@ .aff-classiques-arrivees__stop-name { color: #d0d8e2; - font-size: 58px; - font-weight: 400; + font-size: 62px; + font-weight: 600; line-height: 1; font-family: "Achemine", sans-serif; letter-spacing: -0.3px; @@ -203,8 +203,8 @@ /* Colonne 2 : Type de train + Numéro OU Statut */ .aff-classiques-arrivees__col-meta { - width: 185px; - min-width: 185px; + width: 200px; + min-width: 200px; display: flex; flex-direction: column; justify-content: center; @@ -217,7 +217,7 @@ } .aff-classiques-arrivees__train-type { - font-size: 26px; + font-size: 28px; font-weight: 700; color: var(--white); line-height: 1.1; @@ -227,7 +227,7 @@ } .aff-classiques-arrivees__train-number { - font-size: 26px; + font-size: 28px; font-weight: 700; color: var(--white); line-height: 1.1; @@ -238,8 +238,8 @@ .aff-classiques-arrivees__status-ontime { color: var(--white); - font-size: 28px; - font-weight: 400; + font-size: 32px; + font-weight: 700; line-height: 1.1; white-space: nowrap; text-transform: lowercase; @@ -248,7 +248,7 @@ .aff-classiques-arrivees__status-delayed { color: var(--yellow); - font-size: 26px; + font-size: 30px; font-weight: 700; line-height: 1.1; white-space: nowrap; @@ -257,7 +257,7 @@ .aff-classiques-arrivees__status-suppressed { color: #ff4d4d; - font-size: 28px; + font-size: 32px; font-weight: 700; line-height: 1.1; white-space: nowrap; @@ -267,8 +267,8 @@ /* Colonne 3 : Heure (Grande, jaune vif) */ .aff-classiques-arrivees__col-time { - width: 250px; - min-width: 250px; + width: 260px; + min-width: 260px; display: flex; align-items: center; justify-content: flex-start; @@ -281,7 +281,7 @@ .aff-classiques-arrivees__time { color: var(--yellow); - font-size: 72px; + font-size: 76px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; @@ -307,14 +307,14 @@ .aff-classiques-arrivees__destination { color: var(--white); - font-size: 64px; - font-weight: 400; + font-size: 70px; + font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Achemine", sans-serif; - letter-spacing: -0.2px; + letter-spacing: -0.4px; } /* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */ @@ -331,10 +331,10 @@ } .aff-classiques-arrivees__platform-box { - width: 82px; - height: 80px; - border: 2.5px solid var(--white); - border-radius: 6px; + width: 86px; + height: 86px; + border: 3px solid var(--white); + border-radius: 8px; display: flex; align-items: center; justify-content: center; @@ -344,7 +344,7 @@ .aff-classiques-arrivees__platform-text { color: var(--white); - font-size: 56px; + font-size: 60px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif; diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.css b/src/pages/afficheurs/classiques/ClassiquesDeparts.css index 9cd59cb..e72b6b7 100644 --- a/src/pages/afficheurs/classiques/ClassiquesDeparts.css +++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.css @@ -162,7 +162,7 @@ .aff-classiques-departs__stop-bullet { color: var(--yellow); - font-size: 42px; + font-size: 46px; margin-right: 14px; margin-left: 18px; line-height: 1; @@ -175,8 +175,8 @@ .aff-classiques-departs__stop-name { color: #d0d8e2; - font-size: 58px; - font-weight: 400; + font-size: 62px; + font-weight: 600; line-height: 1; font-family: "Achemine", sans-serif; letter-spacing: -0.3px; @@ -203,8 +203,8 @@ /* Colonne 2 : Type de train + Numéro OU Statut */ .aff-classiques-departs__col-meta { - width: 185px; - min-width: 185px; + width: 200px; + min-width: 200px; display: flex; flex-direction: column; justify-content: center; @@ -217,7 +217,7 @@ } .aff-classiques-departs__train-type { - font-size: 26px; + font-size: 28px; font-weight: 700; color: var(--white); line-height: 1.1; @@ -227,7 +227,7 @@ } .aff-classiques-departs__train-number { - font-size: 26px; + font-size: 28px; font-weight: 700; color: var(--white); line-height: 1.1; @@ -238,8 +238,8 @@ .aff-classiques-departs__status-ontime { color: var(--white); - font-size: 28px; - font-weight: 400; + font-size: 32px; + font-weight: 700; line-height: 1.1; white-space: nowrap; text-transform: lowercase; @@ -248,7 +248,7 @@ .aff-classiques-departs__status-delayed { color: var(--yellow); - font-size: 26px; + font-size: 30px; font-weight: 700; line-height: 1.1; white-space: nowrap; @@ -257,7 +257,7 @@ .aff-classiques-departs__status-suppressed { color: #ff4d4d; - font-size: 28px; + font-size: 32px; font-weight: 700; line-height: 1.1; white-space: nowrap; @@ -267,8 +267,8 @@ /* Colonne 3 : Heure (Grande, jaune vif) */ .aff-classiques-departs__col-time { - width: 250px; - min-width: 250px; + width: 260px; + min-width: 260px; display: flex; align-items: center; justify-content: flex-start; @@ -281,7 +281,7 @@ .aff-classiques-departs__time { color: var(--yellow); - font-size: 72px; + font-size: 76px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; @@ -307,14 +307,14 @@ .aff-classiques-departs__destination { color: var(--white); - font-size: 64px; - font-weight: 400; + font-size: 70px; + font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Achemine", sans-serif; - letter-spacing: -0.2px; + letter-spacing: -0.4px; } /* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */ @@ -331,10 +331,10 @@ } .aff-classiques-departs__platform-box { - width: 82px; - height: 80px; - border: 2.5px solid var(--white); - border-radius: 6px; + width: 86px; + height: 86px; + border: 3px solid var(--white); + border-radius: 8px; display: flex; align-items: center; justify-content: center; @@ -344,7 +344,7 @@ .aff-classiques-departs__platform-text { color: var(--white); - font-size: 56px; + font-size: 60px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif;