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 {

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

@@ -53,22 +53,21 @@ export default function HotelDescription({
</div> </div>
))} ))}
</div> </div>
<Typography variant="Body/Paragraph/mdRegular"> <div>
<p <Typography variant="Body/Paragraph/mdRegular">
className={`${styles.hotelDescription} ${ <p
expanded ? styles.expanded : styles.collapsed className={`${styles.hotelDescription} ${
}`} expanded ? styles.expanded : styles.collapsed
> }`}
{description} >
</p> {description}
</Typography> </p>
<Typography variant="Link/md"> </Typography>
<ButtonRAC className={styles.showMoreButton} onPress={handleToggle}> <Typography variant="Link/md">
{expanded ? textShowLess : textShowMore} <ButtonRAC className={styles.showMoreButton} onPress={handleToggle}>
</ButtonRAC> {expanded ? textShowLess : textShowMore}
</Typography> </ButtonRAC>
</Typography>
{expanded && (
<div className={styles.expandedContent}> <div className={styles.expandedContent}>
<ReadMore <ReadMore
label={intl.formatMessage({ label={intl.formatMessage({
@@ -78,16 +77,17 @@ export default function HotelDescription({
showCTA={false} showCTA={false}
sidePeekKey={SidePeekEnum.hotelDetails} sidePeekKey={SidePeekEnum.hotelDetails}
/> />
{hotel.specialAlerts.map((alert) => (
<Alert
key={alert.id}
type={alert.type}
heading={alert.heading}
text={alert.text}
/>
))}
</div> </div>
)} </div>
{hotel.specialAlerts.map((alert) => (
<Alert
key={alert.id}
type={alert.type}
heading={alert.heading}
text={alert.text}
/>
))}
</div> </div>
) )
} }