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

Merged in fix/SW-2684-booking-widget-text-overflow (pull request #2048)

Browse Source 
fix(SW-2684): truncate overflowing text in booking widget

* fix: truncate overflowing text in booking widget

* fix: change Body to Typography and css selector fix


Approved-by: Hrishikesh Vaipurkar
This commit is contained in:
Tobias Johansson
2025-05-19 13:45:24 +00:00
parent 5bac9660a1
commit 93a155f1e4
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css
View File

@@ -187,6 +187,12 @@
display: block; display: block;
} }
.triggerDesktop > span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.pickerContainerDesktop { .pickerContainerDesktop {
--header-height: 72px; --header-height: 72px;
--sticky-button-height: 140px; --sticky-button-height: 140px;

6
apps/scandic-web/components/GuestsRoomsPicker/index.tsx
View File

@@ -12,7 +12,7 @@ import { useFormContext, useWatch } from "react-hook-form"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import { useMediaQuery } from "usehooks-ts" import { useMediaQuery } from "usehooks-ts"
import Body from "@/components/TempDesignSystem/Text/Body" import { Typography } from "@scandic-hotels/design-system/Typography"
import PickerForm from "./Form" import PickerForm from "./Form"
@@ -174,9 +174,9 @@ function Trigger({
type="button" type="button"
onPress={triggerFn} onPress={triggerFn}
> >
<Body color="uiTextHighContrast"> <Typography variant="Body/Paragraph/mdRegular">
<span>{parts.join(", ")}</span> <span>{parts.join(", ")}</span>
</Body> </Typography>
</Button> </Button>
) )
} }