Merged in feature/SW-1736-foating-booking-widget (pull request #1696)

Feature/SW-1736 floating booking widget

* feature: Add floating booking widget on start page SW-1736

* fix: Make sure we don't try to use IntersectionObserver on the server

* fix: make sure that we disconnect the intersectionobserver when dismounting

* fix: pass searchparams to floating bookingwidget


Approved-by: Michael Zetterberg
This commit is contained in:
Joakim Jäderberg
2025-04-04 06:52:37 +00:00
parent 7b1760ca17
commit 3c810d67a2
17 changed files with 243 additions and 21 deletions
@@ -7,7 +7,7 @@
display: grid;
grid-template-rows: auto 1fr;
background-color: var(--UI-Input-Controls-Surface-Normal);
border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0;
border-radius: 0;
gap: var(--Spacing-x3);
height: calc(100dvh - 20px);
width: 100%;
@@ -17,6 +17,18 @@
transition: bottom 300ms ease;
}
.compact {
.formContainer {
border-radius: var(--Corner-radius-Large);
}
}
@media screen and (max-width: 767px) {
.formContainer {
border-radius: var(--Corner-radius-Large) var(--Corner-radius-Large) 0 0;
}
}
.wrapper[data-open="true"] {
z-index: var(--booking-widget-open-z-index);
}