da07e8a458
Feature/autocomplete search * wip autocomplete search * add skeletons to loading * Using aumlauts/accents when searching will still give results remove unused reducer sort autocomplete results * remove testcode * Add tests for autocomplete * cleanup tests * use node@20 * use node 22 * use node22 * merge fix: search button outside of viewport * merge * remove more unused code * fix: error message when empty search field in booking widget * fix: don't display empty white box when search field is empty and no searchHistory is present * merge * fix: set height of shimmer for search skeleton * rename autocomplete trpc -> destinationsAutocomplete * more accute cache key naming * fix: able to control wether bookingwidget is visible on startPage fix: sticky booking widget under alert * remove unused code * fix: skeletons fix: error overlay on search startpage * remove extra .nvmrc * merge Approved-by: Linus Flood
29 lines
571 B
CSS
29 lines
571 B
CSS
.floatingBookingWidget {
|
|
width: 100vw;
|
|
min-height: 84px;
|
|
z-index: 1000;
|
|
position: relative;
|
|
|
|
.floatingBackground {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: rgba(255, 255, 255, 0);
|
|
width: 100%;
|
|
transition: background 0.2s ease;
|
|
}
|
|
|
|
&[data-intersecting="true"] {
|
|
.floatingBackground {
|
|
background: transparent;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1000;
|
|
margin-top: var(--sitewide-alert-sticky-height);
|
|
}
|
|
}
|
|
}
|