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

fix(SW-589): Change to data-visible

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-08 17:04:04 +01:00
parent 73fc63b493
commit 3c128f4879
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx
View File

@@ -53,9 +53,7 @@ export default function RateSummary({
const nights = dt(checkOutDate).diff(dt(checkInDate), "days") const nights = dt(checkOutDate).diff(dt(checkInDate), "days")
return ( return (
<div <div className={styles.summary} data-visible={isVisible}>
className={`${styles.summary} ${isVisible ? styles.summaryVisible : ""}`}
>
<div className={styles.summaryText}> <div className={styles.summaryText}>
<Subtitle color="uiTextHighContrast">{roomType}</Subtitle> <Subtitle color="uiTextHighContrast">{roomType}</Subtitle>
<Body color="uiTextMediumContrast">{priceName}</Body> <Body color="uiTextMediumContrast">{priceName}</Body>

2
components/HotelReservation/SelectRate/RoomSelection/RateSummary/rateSummary.module.css
View File

@@ -13,7 +13,7 @@
transition: bottom 300ms ease-in-out; transition: bottom 300ms ease-in-out;
} }
.summaryVisible { .summary[data-visible="true"] {
bottom: 0; bottom: 0;
} }