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

Merged in fix/book-692-change-city-page-bg-color (pull request #3390)

Browse Source 
fix(BOOK-692): changed background color on text section on destination city page

* fix(BOOK-692): changed background color on text section on destination city page

* removed duplicate padding-top

* fix(BOOK-692): fixed mobile padding

* removed margin

* fix(BOOK-692): added to destination country page and added conditional check


Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Haneling
2026-01-12 11:44:48 +00:00
parent f5875bffa7
commit b2ca2c2612
5 changed files with 61 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/destinationCityPage.module.css
View File

@@ -20,11 +20,22 @@
grid-area: mainContent;
display: grid;
gap: var(--Space-x6);
padding-top: var(--Space-x4);
padding-bottom: var(--Space-x7);
max-width: var(--max-width-page);
width: 100%;
margin: 0 auto;
padding-top: var(--Space-x4);
}
.textSection {
display: grid;
width: 100%;
background-color: var(--Background-Primary);
padding: var(--Space-x7) var(--max-width-single-spacing);
gap: var(--Space-x6);
}
.listingContent {
padding: 0 var(--max-width-single-spacing);
}
.listingContent:last-child {
margin-bottom: var(--Space-x4);
}
.sidebar {
@@ -57,6 +68,7 @@
.mainContent {
gap: var(--Space-x9);
padding: 0 var(--max-width-single-spacing) var(--Space-x7);
max-width: var(--max-width-page);
padding-top: 0;
}
}

14
apps/scandic-web/components/ContentType/DestinationPage/DestinationCityPage/index.tsx
View File

@@ -125,9 +125,17 @@ export default async function DestinationCityPage({
) : null}
</div>
<main className={styles.mainContent}>
<HotelListing />
<Blocks blocks={blocks || []} />
<SeoFilters seoFilters={seo_filters} />
<div className={styles.listingContent}>
<HotelListing />
</div>
{blocks?.length ||
seo_filters.facilityFilters?.length ||
seo_filters.surroundingsFilters?.length ? (
<div className={styles.textSection}>
<Blocks blocks={blocks || []} />
<SeoFilters seoFilters={seo_filters} />
</div>
) : null}
</main>
<aside className={styles.sidebar}>
<SidebarContentWrapper

23
apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/destinationCountryPage.module.css
View File

@@ -20,11 +20,25 @@
grid-area: mainContent;
display: grid;
gap: var(--Space-x6);
padding-top: var(--Space-x4);
padding-bottom: var(--Space-x7);
max-width: var(--max-width-page);
width: 100%;
margin: 0 auto;
padding-top: var(--Space-x4);
}
.listingContent {
padding: 0 var(--max-width-single-spacing);
}
.listingContent:last-child {
margin-bottom: var(--Space-x4);
}
.textSection {
display: grid;
width: 100%;
background-color: var(--Background-Primary);
padding: var(--Space-x7) var(--max-width-single-spacing);
gap: var(--Space-x6);
}
.sidebar {
@@ -57,6 +71,7 @@
.mainContent {
gap: var(--Space-x9);
padding: 0 var(--max-width-single-spacing) var(--Space-x7);
max-width: var(--max-width-page);
padding-top: 0;
}
}

14
apps/scandic-web/components/ContentType/DestinationPage/DestinationCountryPage/index.tsx
View File

@@ -140,9 +140,17 @@ export default async function DestinationCountryPage({
) : null}
</div>
<main className={styles.mainContent}>
<CityListing />
<Blocks blocks={blocks || []} />
<SeoFilters seoFilters={seo_filters} />
<div className={styles.listingContent}>
<CityListing />
</div>
{blocks?.length ||
seo_filters.facilityFilters?.length ||
seo_filters.surroundingsFilters?.length ? (
<div className={styles.textSection}>
<Blocks blocks={blocks || []} />
<SeoFilters seoFilters={seo_filters} />
</div>
) : null}
</main>
<aside className={styles.sidebar}>
<SidebarContentWrapper

4
apps/scandic-web/components/ContentType/DestinationPage/SeoFilters/seoFilters.module.css
View File

@@ -3,6 +3,10 @@
gap: var(--Space-x4);
}
.accordion {
background-color: white;
}
.heading {
color: var(--Text-Heading);
}