From 714b5f06c708e4185ebe4c929a7ca76701408692 Mon Sep 17 00:00:00 2001 From: Erik Tiekstra Date: Thu, 5 Jun 2025 05:34:57 +0000 Subject: [PATCH] fix(SW-435): Added different height of Tripadvisor iframe between viewports MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Approved-by: Matilda Landström --- .../ReviewsSubpage/reviewsSubpage.module.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css b/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css index 1fc78b7ec..faa363a7b 100644 --- a/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css +++ b/apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css @@ -42,7 +42,7 @@ .iframe { width: 100%; - height: 1100px; /* Maximum(ish) content height on desktop without the need of scrolling */ + height: 50dvh; border-width: 0; border-radius: var(--Corner-radius-lg); } @@ -54,6 +54,12 @@ object-fit: contain; } +@media screen and (min-width: 768px) { + .iframe { + height: 1150px; /* Maximum(ish) content height on desktop without the need of scrolling */ + } +} + @media screen and (max-width: 1366px) { .subheading, .sidebarHeading { @@ -71,6 +77,7 @@ .mainContent { grid-area: main; } + .sidebar { grid-area: sidebar; }