diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Header/header.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Header/header.module.css index 6e8a2b2ba..73a55d5ba 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Header/header.module.css +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Header/header.module.css @@ -36,17 +36,25 @@ gap: var(--Spacing-x-half); } +.mobileTitle { + display: -webkit-box; +} + +.mobileTitle, .title { overflow: hidden; text-overflow: ellipsis; - display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } +.title { + display: none; +} + .address { - display: flex; + display: none; flex-wrap: wrap; column-gap: var(--Spacing-x-one-and-half); font-style: normal; @@ -57,9 +65,18 @@ } @media (min-width: 768px) { + .address { + display: flex; + } .container { padding: var(--Spacing-x3) 0; } + .mobileTitle { + display: none; + } + .title { + display: -webkit-box; + } } @media screen and (min-width: 1367px) { diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Header/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Header/index.tsx index f1d871fb8..1f2f572f7 100644 --- a/apps/scandic-web/components/HotelReservation/EnterDetails/Header/index.tsx +++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Header/index.tsx @@ -33,6 +33,14 @@ export default async function HotelHeader({