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:
@@ -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 header — expanding the row
|
||||
// must not swap them for the wide rectangular logo
|
||||
// that overflows the operator column.
|
||||
round={direction === "schedule"}
|
||||
/>
|
||||
))
|
||||
: <OperatorLogo carrier={carrier} locale={language} />}
|
||||
|
||||
Reference in New Issue
Block a user