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

fix(SW-435): Added different height of Tripadvisor iframe between viewports

Browse Source 
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-06-05 05:34:57 +00:00
parent 25a9a3e439
commit 714b5f06c7
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css
View File

@@ -42,7 +42,7 @@
.iframe { .iframe {
width: 100%; width: 100%;
height: 1100px; /* Maximum(ish) content height on desktop without the need of scrolling */ height: 50dvh;
border-width: 0; border-width: 0;
border-radius: var(--Corner-radius-lg); border-radius: var(--Corner-radius-lg);
} }
@@ -54,6 +54,12 @@
object-fit: contain; 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) { @media screen and (max-width: 1366px) {
.subheading, .subheading,
.sidebarHeading { .sidebarHeading {
@@ -71,6 +77,7 @@
.mainContent { .mainContent {
grid-area: main; grid-area: main;
} }
.sidebar { .sidebar {
grid-area: sidebar; grid-area: sidebar;
} }