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

feat(SW-2708): Made meeting package widget visible, but not sticky on smaller viewports

Browse Source 
Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2025-05-12 12:30:40 +00:00
parent d9a9c09305
commit bbc279379f
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/scandic-web/components/MeetingPackageWidget/meetingPackageWidget.module.css
View File

@@ -2,8 +2,6 @@
width: 100%; width: 100%;
max-width: var(--max-width-page); max-width: var(--max-width-page);
margin: 0 auto; 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 { .widget.isLoading {
@@ -14,6 +12,5 @@
@media screen and (min-width: 948px) { @media screen and (min-width: 948px) {
.widget { .widget {
background-color: var(--Base-Surface-Primary-light-Normal); background-color: var(--Base-Surface-Primary-light-Normal);
display: block;
} }
} }

8
apps/scandic-web/components/StickyMeetingPackageWidget/stickyMeetingPackageWidget.module.css
View File

@@ -5,3 +5,11 @@
box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.08);
z-index: var(--booking-widget-z-index); 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;
}
}