gnezim
330f9787a2
Search row now shows the full Angular header layout: flight number,
operator logo, scheduled/actual departure time, departure city +
terminal, plane icon with status label, mirrored arrival block. The
city input in the filter sidebar now shows the city name
('Шереметьево') instead of the IATA code.
Details page: expand the first accordion panel by default (Angular
parity), hide Print/Share on the board details view, and rewrite the
Aircraft panel as a property table with total/economy/comfort/business
seat counts and the previous-flight identifier — all pulled from the
real API shape, which is `{ seats: [{type, count}] }` rather than the
legacy string config.
Supporting work:
- New <OperatorLogo> component with the full carrier → asset mapping
ported from ClientApp/src/styles (SU, FV, HZ, S7, …).
- Extend StationDisplay with a cityFirst variant for row usage.
- New FlightStatus icon-over-label layout, translated labels.
- Update IEquipmentFull types: configuration is an object with seats[],
plus scheduled/actual/previousFlight; new IOperatingBy union.
- Tests + fixtures updated for the new shapes; 1262 passing.
68 lines
945 B
SCSS
68 lines
945 B
SCSS
@use "../../styles/screen" as screen;
|
|
|
|
.station {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-size: 0;
|
|
|
|
&__city {
|
|
max-width: 100%;
|
|
|
|
&--bold {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #222;
|
|
line-height: 1.25;
|
|
}
|
|
}
|
|
|
|
&__terminal {
|
|
font-size: 12px;
|
|
color: #8a8a8a;
|
|
text-decoration: underline;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
&--city-first {
|
|
gap: 2px;
|
|
}
|
|
|
|
&__old-city {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
&__terminal {
|
|
@include screen.smTablet {
|
|
max-height: initial;
|
|
}
|
|
}
|
|
|
|
&--right {
|
|
align-items: flex-end;
|
|
|
|
.station__terminal {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
&--mobile-right {
|
|
@include screen.mobile {
|
|
align-items: flex-end;
|
|
|
|
.station__terminal {
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
&--mobile-left {
|
|
@include screen.gt-mobile {
|
|
align-items: flex-end;
|
|
}
|
|
}
|
|
|
|
&--center {
|
|
align-items: center;
|
|
}
|
|
}
|