From bbc279379fb8be74ad2861433aa1dba0c0ad318f Mon Sep 17 00:00:00 2001 From: Erik Tiekstra Date: Mon, 12 May 2025 12:30:40 +0000 Subject: [PATCH] feat(SW-2708): Made meeting package widget visible, but not sticky on smaller viewports Approved-by: Linus Flood --- .../MeetingPackageWidget/meetingPackageWidget.module.css | 3 --- .../stickyMeetingPackageWidget.module.css | 8 ++++++++ 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css b/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css index 2420c6309..9db369786 100644 --- a/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css +++ b/apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css @@ -2,8 +2,6 @@ width: 100%; max-width: var(--max-width-page); margin: 0 auto; - /* Hiding widget on mobile for now as the widget is not ready for mobile use at the moment */ - display: none; } .widget.isLoading { @@ -14,6 +12,5 @@ @media screen and (min-width: 948px) { .widget { background-color: var(--Base-Surface-Primary-light-Normal); - display: block; } } diff --git a/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css b/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css index dfe9a7376..f28404fd3 100644 --- a/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css +++ b/apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css @@ -5,3 +5,11 @@ box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.08); z-index: var(--booking-widget-z-index); } + +/* Temporary solution to show the Meeting package widget on mobile, but nonsticky */ +/* Meeting booking widget changes design at 948px */ +@media screen and (max-width: 947px) { + .wrapper { + position: unset; + } +}