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

Merged in fix/STAY-38 (pull request #3097)

Browse Source 
fix: handle text overflow on room title in My Stay reference card

* fix: handle text overflow on room title in My Stay reference card


Approved-by: Erik Tiekstra
This commit is contained in:
Christel Westerberg
2025-11-07 07:52:24 +00:00
parent 468ed74221
commit a9789a8a7c
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/index.tsx
View File

@@ -38,7 +38,7 @@ export default function Room() {
</div> </div>
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">
<p>{room}</p> <p className={styles.title}>{room}</p>
</Typography> </Typography>
</div> </div>
) )

7
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Room/room.module.css
View File

@@ -2,6 +2,7 @@
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: var(--Space-x1);
} }
.label { .label {
@@ -13,3 +14,9 @@
.textDefault { .textDefault {
color: var(--Text-Default); color: var(--Text-Default);
} }
.title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}