scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feature/SW-3595-sas-info-boxes (pull request #3177)

Browse Source 
Feature/SW-3595 Add info boxes to SAS start page & Eurobonus alert to select-hotel page on SAS

* wip

* feat(SW-3595): Add info boxes to SAS start page

* Add InfoBox to design-system
* Add background gradient to SAS start page

* update variable naming and conditionalize the eurobonus message on select-hotel

* SAS startpage update default message

* make select-hotel a bit more generic with slot={} instead of alert={}


Approved-by: Anton Gunnarsson
This commit is contained in:
Joakim Jäderberg
2025-11-19 10:50:04 +00:00
parent 32e5c8d357
commit db30588f63
15 changed files with 459 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/booking-flow/lib/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css
View File

@@ -1,7 +1,6 @@
.floatingBookingWidget {
width: var(--max-width-content);
margin: 0 auto;
min-height: 88px;
position: relative;
.floatingBackground {
@@ -25,9 +24,3 @@
}
}
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
.floatingBookingWidget {
min-height: 150px;
}
}

4
packages/booking-flow/lib/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidgetClient.tsx
View File

@@ -16,10 +16,10 @@ export function FloatingBookingWidgetClient(props: Props) {
useEffect(() => {
observerRef.current = new IntersectionObserver(
([entry]) => {
const hasScrolledPastTop = entry.boundingClientRect.top < 0
const hasScrolledPastTop = entry.boundingClientRect.bottom < 0
setStickyTop(hasScrolledPastTop)
},
{ threshold: 0, rootMargin: "0px 0px -100% 0px" }
{ threshold: 0, rootMargin: "0px 0px 0% 0px" }
)
if (containerRef.current) {