Merged in feat/SW-1762 (pull request #2050)

feat: make enter details bottom sheet pixed, and add spacing at the bottom of page

* feat: make enter details bottom sheet pixed, and add spacing at the bottom of page


Approved-by: Arvid Norlin

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/RateSummary/index.tsx

@@ -191,8 +191,16 @@ export default function RateSummary() {
     mainRoomCurrency = rateProduct.public.localPrice.currency
   }
 
+  // attribute data-footer-spacing used to add spacing
+  // beneath footer to be able to show entire footer upon
+  // scrolling down to the bottom of the page
   return (
-    <form action={`details?${params}`} method="GET" onSubmit={handleSubmit}>
+    <form
+      data-footer-spacing
+      action={`details?${params}`}
+      method="GET"
+      onSubmit={handleSubmit}
+    >
       <div className={styles.summary}>
         <div className={styles.content}>
           <div className={styles.summaryText}>

apps/scandic-web/components/HotelReservation/SignupPromo/Mobile.tsx

@@ -9,7 +9,10 @@ import styles from "./signupPromo.module.css"
 export default function SignupPromoMobile() {
   const intl = useIntl()
   return (
-    <div className={styles.memberDiscountBannerMobile}>
+    <div
+      data-footer-spacing-signup
+      className={styles.memberDiscountBannerMobile}
+    >
       <Footnote color="burgundy">
         {intl.formatMessage({
           defaultMessage: "Join or log in while booking for member pricing.",

apps/scandic-web/components/HotelReservation/SignupPromo/signupPromo.module.css

@@ -6,6 +6,7 @@
   align-items: center;
   justify-content: center;
 }
+
 .memberDiscountBannerDesktop {
   display: none;
   background: var(--Primary-Light-Surface-Normal);
@@ -32,7 +33,7 @@
   overflow: hidden;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 1367px) {
   .memberDiscountBannerMobile {
     display: none;
   }