fix(BOOK-498): removed and changed z-index values to have booking widget overlapping correctly on mobile.

Approved-by: Bianca Widstam Approved-by: Hrishikesh Vaipurkar
2025-11-07 13:03:25 +00:00
parent 0d479eb337
commit cab85f3ffd
12 changed files with 43 additions and 45 deletions
--- a/packages/booking-flow/lib/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css
+++ b/packages/booking-flow/lib/components/BookingWidget/FloatingBookingWidget/FloatingBookingWidget.module.css
@@ -2,7 +2,6 @@
  width: var(--max-width-content);
  margin: 0 auto;
  min-height: 88px;
-  z-index: 1000;
  position: relative;

  .floatingBackground {
@@ -20,7 +19,7 @@
      top: 0;
      left: 0;
      right: 0;
-      z-index: 1000;
+      z-index: var(--booking-widget-z-index);
      margin-top: var(--sitewide-alert-sticky-height);
      box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
    }