diff --git a/src/features/online-board/components/DayTabs/DayTabs.scss b/src/features/online-board/components/DayTabs/DayTabs.scss index 292cfdaf..5ca8b122 100644 --- a/src/features/online-board/components/DayTabs/DayTabs.scss +++ b/src/features/online-board/components/DayTabs/DayTabs.scss @@ -3,7 +3,9 @@ // text; siblings have light-blue bg + brand link-blue label. .day-tabs-wrap { - margin-bottom: 8px; + // Angular keeps day-tabs flush against the flight list; the sticky + // card and the results frame touch. + margin-bottom: 0; } .day-tabs { diff --git a/src/features/online-board/components/OnlineBoardSearchPage.tsx b/src/features/online-board/components/OnlineBoardSearchPage.tsx index 8ccb5f38..73bc15e3 100644 --- a/src/features/online-board/components/OnlineBoardSearchPage.tsx +++ b/src/features/online-board/components/OnlineBoardSearchPage.tsx @@ -401,8 +401,8 @@ export const OnlineBoardSearchPage: FC = ({ diff --git a/src/ui/layout/PageLayout.scss b/src/ui/layout/PageLayout.scss index d674456d..79cd2f22 100644 --- a/src/ui/layout/PageLayout.scss +++ b/src/ui/layout/PageLayout.scss @@ -136,4 +136,23 @@ top: 20px; } } + + // Angular paints a fixed strip across the top 25px of the viewport so + // flight rows scrolling past the sticky date strip don't peek through + // the 20px gap. Matches the .page-layout__scroll-overlay rule. + &__scroll-overlay { + @include screen.gt-mobile { + position: fixed; + z-index: 999; + top: 0; + left: 0; + width: calc(100% - 20px); + height: 25px; + background-color: #022040; + background-image: url("/assets/img/background.jpg"); + background-repeat: no-repeat; + background-size: 100vw; + pointer-events: none; + } + } } diff --git a/src/ui/layout/PageLayout.tsx b/src/ui/layout/PageLayout.tsx index 8365282e..3822db79 100644 --- a/src/ui/layout/PageLayout.tsx +++ b/src/ui/layout/PageLayout.tsx @@ -37,6 +37,7 @@ export const PageLayout: FC = ({ }) => { return (
+ {stickyContent &&