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

Merged in fix/book-769-booking-widget-ui-bugs (pull request #3524)

Browse Source 
Fix/book 769 booking widget ui bugs

* fixed text in serachList not wrapping properly

* fixed spacing on mobile searchList

* fixed close button icon color

* fix for issues with fixed vs sticky elements on scroll lock

Approved-by: Linus Flood
This commit is contained in:
Matilda Haneling
2026-02-02 10:26:48 +00:00
parent 61c024dbda
commit e30ce9ac30
7 changed files with 50 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/partner-sas/globals.css
View File

@@ -158,6 +158,11 @@ body.partner-sas {
white-space: nowrap;
border-width: 0;
}
/* When a select in the booking widget is open, react-aria sets overflow:hidden
which breaks sticky positioning. Override with clip which doesn't break sticky. */
body:has([data-booking-widget-open] [data-open]) {
overflow: clip !important;
}
@media screen and (min-width: 768px) {
:root {

6
apps/scandic-web/app/globals.css
View File

@@ -88,6 +88,12 @@ body:has([data-booking-widget-open="true"]) #kindly-chat-api {
z-index: -1 !important;
}
/* When a select in the booking widget is open, react-aria sets overflow:hidden
which breaks sticky positioning. Override with clip which doesn't break sticky. */
body:has([data-booking-widget-open] [data-open]) {
overflow: clip !important;
}
@media screen and (min-width: 768px) {
:root {
--max-width-single-spacing: var(--Layout-Tablet-Margin-Margin-min);