From 93a155f1e4fbf9ec0d7ceeb2deb61d9d29b42b51 Mon Sep 17 00:00:00 2001 From: Tobias Johansson Date: Mon, 19 May 2025 13:45:24 +0000 Subject: [PATCH] Merged in fix/SW-2684-booking-widget-text-overflow (pull request #2048) 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 --- .../GuestsRoomsPicker/guests-rooms-picker.module.css | 6 ++++++ apps/scandic-web/components/GuestsRoomsPicker/index.tsx | 6 +++--- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css index 322b41e77..73495bceb 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css +++ b/apps/scandic-web/components/GuestsRoomsPicker/guests-rooms-picker.module.css @@ -187,6 +187,12 @@ display: block; } + .triggerDesktop > span { + display: block; + overflow: hidden; + text-overflow: ellipsis; + } + .pickerContainerDesktop { --header-height: 72px; --sticky-button-height: 140px; diff --git a/apps/scandic-web/components/GuestsRoomsPicker/index.tsx b/apps/scandic-web/components/GuestsRoomsPicker/index.tsx index 6b8ad7f82..bd9109924 100644 --- a/apps/scandic-web/components/GuestsRoomsPicker/index.tsx +++ b/apps/scandic-web/components/GuestsRoomsPicker/index.tsx @@ -12,7 +12,7 @@ import { useFormContext, useWatch } from "react-hook-form" import { useIntl } from "react-intl" import { useMediaQuery } from "usehooks-ts" -import Body from "@/components/TempDesignSystem/Text/Body" +import { Typography } from "@scandic-hotels/design-system/Typography" import PickerForm from "./Form" @@ -174,9 +174,9 @@ function Trigger({ type="button" onPress={triggerFn} > - + {parts.join(", ")} - + ) }