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

Merged in fix/SW-1917-mobile-booking-codes-map- (pull request #1951)

Browse Source 
Fix: SW-1917 Displayed booking code price in map card

* Fix: SW-1917 Displayed booking code price in map card


Approved-by: Niclas Edenvin
This commit is contained in:
Hrishikesh Vaipurkar
2025-05-06 11:03:08 +00:00
parent c6a0ce86df
commit 402e66ab35
4 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/index.tsx
View File

@@ -173,7 +173,9 @@ export default function SelectHotelContent({
{bookingCode &&
isBookingCodeRateAvailable &&
isRegularRateAvailable ? (
<BookingCodeFilter />
<div className={styles.bookingCodeFilter}>
<BookingCodeFilter />
</div>
) : null}
</div>

18
apps/scandic-web/components/HotelReservation/SelectHotel/SelectHotelMap/SelectHotelMapContent/selectHotelMapContent.module.css
View File

@@ -1,7 +1,7 @@
.container .closeButton {
pointer-events: initial;
box-shadow: var(--button-box-shadow);
gap: var(--Spacing-x-half);
gap: var(--Space-x05);
display: none;
}
@@ -15,8 +15,8 @@
align-items: center;
position: relative;
background-color: var(--Base-Surface-Secondary-light-Normal);
padding: 0 var(--Spacing-x2);
height: 44px;
padding: var(--Space-x025) var(--Space-x2);
min-height: 44px;
}
.container .listingContainer .filterContainer > button {
@@ -31,6 +31,10 @@
color: var(--Component-Button-Brand-Secondary-On-fill-Default);
}
.bookingCodeFilter {
width: auto;
}
@media (min-width: 768px) {
.container .closeButton {
display: flex;
@@ -41,7 +45,7 @@
.listingContainer {
background-color: var(--Base-Surface-Secondary-light-Normal);
padding: var(--Spacing-x3) var(--Spacing-x4) var(--Spacing-x3)
padding: var(--Space-x3) var(--Space-x4) var(--Space-x3)
var(--Layout-Tablet-Margin-Margin-min);
overflow-y: auto;
min-width: 420px;
@@ -54,20 +58,20 @@
.filterContainer {
justify-content: flex-end;
padding: 0 0 var(--Spacing-x1);
padding: 0 0 var(--Space-x1);
position: static;
}
.skeletonContainer {
display: flex;
flex-direction: column;
gap: var(--Spacing-x2);
gap: var(--Space-x2);
}
}
@media (min-width: 1367px) {
.listingContainer {
padding: var(--Spacing-x3) var(--Spacing-x4) var(--Spacing-x3)
padding: var(--Space-x3) var(--Space-x4) var(--Space-x3)
var(--Layout-Desktop-Margin-Margin-min);
}
}