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

fix(classiques): match clock design from img 1, remove leading bullet before 1st stop, set stops color to light gray #d0d8e2

Browse Source
This commit is contained in:
mathis committed 2026-08-30 23:53:14 +02:00
1 parent 4df19e55e7
commit a084f699ac
4 files changed
+26 -28
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/afficheurs/classiques/ClassiquesArrivees.css
+12 -13
View File
@@ -174,7 +174,7 @@
} }
.aff-classiques-arrivees__stop-name { .aff-classiques-arrivees__stop-name {
color: var(--white); color: #d0d8e2;
font-size: 66px; font-size: 66px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
@@ -383,34 +383,33 @@
.aff-classiques-arrivees__bottom-clock { .aff-classiques-arrivees__bottom-clock {
display: inline-flex; display: inline-flex;
align-items: flex-start; align-items: center;
justify-content: center; justify-content: center;
border: 2.5px solid rgba(255, 255, 255, 0.85); border: 3.5px solid #ffffff;
border-radius: 7px; border-radius: 6px;
padding: 6px 14px 4px 14px; padding: 4px 16px;
background: rgba(10, 42, 16, 0.3); background: #0d3613;
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
color: var(--white);
flex-shrink: 0; flex-shrink: 0;
margin-right: 4px; margin-right: 6px;
box-sizing: border-box; box-sizing: border-box;
height: 76px; height: 76px;
gap: 12px;
} }
.aff-classiques-arrivees__bottom-clock-hm { .aff-classiques-arrivees__bottom-clock-hm {
font-size: 54px; font-size: 54px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
letter-spacing: 2px; letter-spacing: 1.5px;
margin-right: 8px;
color: #ffffff; color: #ffffff;
} }
.aff-classiques-arrivees__bottom-clock-s { .aff-classiques-arrivees__bottom-clock-s {
font-size: 34px; font-size: 54px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-top: 1px; letter-spacing: 1.5px;
letter-spacing: 0.5px;
color: var(--yellow) !important; color: var(--yellow) !important;
margin-top: 0;
} }
src/pages/afficheurs/classiques/ClassiquesArrivees.js
+1 -1
View File
@@ -1319,7 +1319,7 @@ export default function ClassiquesArrivees(){
<span className="aff-classiques-arrivees__stops-chain"> <span className="aff-classiques-arrivees__stops-chain">
{stopsList.map((stopName, sIdx) => ( {stopsList.map((stopName, sIdx) => (
<span key={sIdx} className="aff-classiques-arrivees__stop-item"> <span key={sIdx} className="aff-classiques-arrivees__stop-item">
<span className="aff-classiques-arrivees__stop-bullet">•</span> {sIdx > 0 && <span className="aff-classiques-arrivees__stop-bullet">•</span>}
<span className="aff-classiques-arrivees__stop-name">{stopName}</span> <span className="aff-classiques-arrivees__stop-name">{stopName}</span>
</span> </span>
))} ))}
src/pages/afficheurs/classiques/ClassiquesDeparts.css
+12 -13
View File
@@ -174,7 +174,7 @@
} }
.aff-classiques-departs__stop-name { .aff-classiques-departs__stop-name {
color: var(--white); color: #d0d8e2;
font-size: 66px; font-size: 66px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
@@ -383,34 +383,33 @@
.aff-classiques-departs__bottom-clock { .aff-classiques-departs__bottom-clock {
display: inline-flex; display: inline-flex;
align-items: flex-start; align-items: center;
justify-content: center; justify-content: center;
border: 2.5px solid rgba(255, 255, 255, 0.85); border: 3.5px solid #ffffff;
border-radius: 7px; border-radius: 6px;
padding: 6px 14px 4px 14px; padding: 4px 16px;
background: rgba(0, 20, 60, 0.3); background: #001e40;
font-family: "Achemine", sans-serif; font-family: "Achemine", sans-serif;
color: var(--white);
flex-shrink: 0; flex-shrink: 0;
margin-right: 4px; margin-right: 6px;
box-sizing: border-box; box-sizing: border-box;
height: 76px; height: 76px;
gap: 12px;
} }
.aff-classiques-departs__bottom-clock-hm { .aff-classiques-departs__bottom-clock-hm {
font-size: 54px; font-size: 54px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
letter-spacing: 2px; letter-spacing: 1.5px;
margin-right: 8px;
color: #ffffff; color: #ffffff;
} }
.aff-classiques-departs__bottom-clock-s { .aff-classiques-departs__bottom-clock-s {
font-size: 34px; font-size: 54px;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-top: 1px; letter-spacing: 1.5px;
letter-spacing: 0.5px;
color: var(--yellow) !important; color: var(--yellow) !important;
margin-top: 0;
} }
src/pages/afficheurs/classiques/ClassiquesDeparts.js
+1 -1
View File
@@ -1316,7 +1316,7 @@ export default function ClassiquesDeparts(){
<span className="aff-classiques-departs__stops-chain"> <span className="aff-classiques-departs__stops-chain">
{stopsList.map((stopName, sIdx) => ( {stopsList.map((stopName, sIdx) => (
<span key={sIdx} className="aff-classiques-departs__stop-item"> <span key={sIdx} className="aff-classiques-departs__stop-item">
<span className="aff-classiques-departs__stop-bullet">•</span> {sIdx > 0 && <span className="aff-classiques-departs__stop-bullet">•</span>}
<span className="aff-classiques-departs__stop-name">{stopName}</span> <span className="aff-classiques-departs__stop-name">{stopName}</span>
</span> </span>
))} ))}