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

Merged in fix/SW-2427-floating-booking-widget-fullwidth (pull request #1826)

Browse Source 
fix: when floating booking widget is sticky let it have white background all the way out. SW-2427

* fix: when floating booking widget is sticky let it have white background all the way out.
Resolves SW-2427

* pr: move styling variants to it's own file


Approved-by: Christian Andolf
This commit is contained in:
Joakim Jäderberg
2025-04-17 08:56:24 +00:00
parent 4e17bf1391
commit 213bd2c561
6 changed files with 46 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/scandic-web/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css
+2 -2
View File
@@ -11,18 +11,18 @@
align-items: center;
background: rgba(255, 255, 255, 0);
width: 100%;
transition: background 0.2s ease;
}
&[data-intersecting="true"] {
.floatingBackground {
background: transparent;
background: var(--Surface-UI-Fill-Default);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
margin-top: var(--sitewide-alert-sticky-height);
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
}
}
}