Merged in feat/SW-1055-Accordion-for-summary-bar-in-mobile-on-Select-Rate (pull request #1283)

Feat/SW-1055 Accordion for summary bar in mobile on Select Rate

* feat(SW-1055) created mobile summary for select rate

* feat(SW-1055) Added summary for mobile (accordion)


Approved-by: Tobias Johansson

components/HotelReservation/SelectRate/RateSummary/rateSummary.module.css

@@ -5,9 +5,7 @@
   left: 0;
   right: 0;
   background-color: var(--Base-Surface-Primary-light-Normal);
-  padding: 0 0 var(--Spacing-x5);
   align-items: center;
-  border-top: 1px solid var(--Base-Border-Subtle);
   transition: bottom 300ms ease-in-out;
 }
 
@@ -15,10 +13,10 @@
   width: 100%;
   max-width: var(--max-width-page);
   margin: 0 auto;
-  display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
+  display: none;
 }
 
 .summary[data-visible="true"] {
@@ -70,11 +68,17 @@
   white-space: nowrap;
 }
 
-@media (min-width: 768px) {
+.mobileSummary {
+  display: block;
+}
+
+@media (min-width: 1367px) {
   .summary {
     padding: var(--Spacing-x3) 0 var(--Spacing-x5);
+    border-top: 1px solid var(--Base-Border-Subtle);
   }
   .content {
+    display: flex;
     flex-direction: row;
   }
   .petInfo,
@@ -98,4 +102,7 @@
     padding: 0;
     align-items: center;
   }
+  .mobileSummary {
+    display: none;
+  }
 }