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

Merged in fix/STAY-132 (pull request #3283)

Browse Source 
fix: align guarantee info button and text to the right regardless of breakpoint

* fix: align guarantee info button and text to the right regardless of breakpoint


Approved-by: Erik Tiekstra
This commit is contained in:
Christel Westerberg
2025-12-03 07:16:51 +00:00
parent c6d0223edb
commit b563a83f10
3 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/GuaranteeInfo/GuaranteeInfoModal/guaranteeInfoModal.module.css
View File

@@ -12,6 +12,8 @@
color: var(--Icon-Interactive-Default);
cursor: pointer;
flex-shrink: 0;
vertical-align: bottom;
margin-right: var(--Space-x05);
}
.closeButton {

5
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/GuaranteeInfo/guaranteeInfo.module.css
View File

@@ -2,6 +2,7 @@
align-items: center;
display: flex;
justify-content: space-between;
gap: var(--Space-x1);
}
.label {
@@ -15,7 +16,5 @@
}
.guaranteeInfo {
display: flex;
align-items: flex-start;
gap: var(--Space-x05);
text-align: right;
}

20
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/GuaranteeInfo/index.tsx
View File

@@ -36,17 +36,15 @@ export default function GuaranteeInfo() {
</p>
</Typography>
</div>
<div className={styles.guaranteeInfo}>
<GuaranteeInfoModal />
<Typography variant="Body/Paragraph/mdRegular">
<p>
{intl.formatMessage({
id: "myStay.roomHeldAfter18",
defaultMessage: "Room held after 18:00",
})}
</p>
</Typography>
</div>
<Typography variant="Body/Paragraph/mdRegular">
<span className={styles.guaranteeInfo}>
<GuaranteeInfoModal />
{intl.formatMessage({
id: "myStay.roomHeldAfter18",
defaultMessage: "Room held after 18:00",
})}
</span>
</Typography>
</div>
)
}