gnezim/flights_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FlightCard schedule mode + DayGroupedFlightList headers: number column 80→60px (Angular parity)

Browse Source
This commit is contained in:
Anton
2026-04-20 13:00:51 +03:00
parent a4e99fee64
commit 0e74d9d196
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/schedule/components/DayGroupedFlightList.scss
+1 -1
View File
@@ -10,7 +10,7 @@
display: grid;
// Match FlightCard schedule grid column widths so labels align
// with their data columns.
grid-template-columns: 80px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px;
grid-template-columns: 60px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px;
gap: 16px;
padding: 14px 24px;
color: colors.$light-gray;
src/ui/flights/FlightCard.scss
+2 -1
View File
@@ -54,8 +54,9 @@
// Schedule mode swaps the central status column for a wider duration
// pill — Angular's grid widens the station/duration tracks to fit.
// Number column stays at 60px to match Angular's row-part-header.
&--schedule .flight-card__row {
grid-template-columns: 80px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px;
grid-template-columns: 60px 120px 100px minmax(80px, 1fr) 100px 100px minmax(80px, 1fr) 16px;
gap: 0 vars.$space-l;
}