3c810d67a2
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
28 lines
516 B
CSS
28 lines
516 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;
|
|
}
|
|
}
|
|
}
|