Keep multi-leg operator logos compact (round) when schedule row is expanded

Expanding a connecting-flight row on /schedule/route used to swap the small
round airline badges in the header for the wide rectangular logo, which
overflowed the operator column and overlapped the departure time. The
header now always renders the round variant on schedule pages, regardless
of the expansion state.
This commit is contained in:
2026-04-21 12:10:52 +03:00
parent 7577e703c2
commit 3ae59dae1d
+5 -5
View File
@@ -236,11 +236,11 @@ export const FlightCard: FC<FlightCardProps> = ({
key={`${operatingCarrier(leg.operatingBy) ?? carrier}-${i}`}
carrier={operatingCarrier(leg.operatingBy) ?? carrier}
locale={language}
// Collapsed multi-leg schedule rows show two small
// round airline badges side-by-side — matches
// Angular's `operator-logo-and-model` with
// `round="!expanded || !direct"`.
round={direction === "schedule" && !expanded}
// Multi-leg schedule rows always use the small round
// airline badges in the headerexpanding the row
// must not swap them for the wide rectangular logo
// that overflows the operator column.
round={direction === "schedule"}
/>
))
: <OperatorLogo carrier={carrier} locale={language} />}