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

Merged in fix/SW-3144-prod-mobile-hotel-card-select-rate- (pull request #2560)

Browse Source 
fix(SW-3144): Make hotel alert visible bydefault in mobile view on select-rate page

* fix(SW-3144): Make hotel alert visible bydefault in mobile view on select-rate page

* fix: spacing
fix:  show 'all ameneties' button without expanding text

* Merge branch 'master' of bitbucket.org:scandic-swap/web into fix/SW-3144-prod-mobile-hotel-card-select-rate-


Approved-by: Joakim Jäderberg
This commit is contained in:
Hrishikesh Vaipurkar
2025-07-23 09:49:56 +00:00
committed by Joakim Jäderberg
parent ef6235cf43
commit 5d77be3f0e
2 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/hotelDescription.module.css
View File

@@ -6,6 +6,7 @@
.descriptionWrapper { .descriptionWrapper {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--Space-x2);
} }
.collapsed { .collapsed {
@@ -55,7 +56,6 @@
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--Space-x15); gap: var(--Space-x15);
padding-bottom: var(--Space-x2);
} }
.facilitiesItem { .facilitiesItem {

8
apps/scandic-web/components/HotelReservation/SelectRate/HotelInfoCard/HotelDescription/index.tsx
View File

@@ -53,6 +53,7 @@ export default function HotelDescription({
</div> </div>
))} ))}
</div> </div>
<div>
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">
<p <p
className={`${styles.hotelDescription} ${ className={`${styles.hotelDescription} ${
@@ -67,8 +68,6 @@ export default function HotelDescription({
{expanded ? textShowLess : textShowMore} {expanded ? textShowLess : textShowMore}
</ButtonRAC> </ButtonRAC>
</Typography> </Typography>
{expanded && (
<div className={styles.expandedContent}> <div className={styles.expandedContent}>
<ReadMore <ReadMore
label={intl.formatMessage({ label={intl.formatMessage({
@@ -78,6 +77,9 @@ export default function HotelDescription({
showCTA={false} showCTA={false}
sidePeekKey={SidePeekEnum.hotelDetails} sidePeekKey={SidePeekEnum.hotelDetails}
/> />
</div>
</div>
{hotel.specialAlerts.map((alert) => ( {hotel.specialAlerts.map((alert) => (
<Alert <Alert
key={alert.id} key={alert.id}
@@ -87,7 +89,5 @@ export default function HotelDescription({
/> />
))} ))}
</div> </div>
)}
</div>
) )
} }