From c8dc2a17c400263c76f6968472767cb7d4700015 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Sun, 22 Sep 2024 09:14:57 +0200 Subject: [PATCH 1/3] fix: logo being overlayed by the header --- source/_patterns/03-areas/00-header/header.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/source/_patterns/03-areas/00-header/header.scss b/source/_patterns/03-areas/00-header/header.scss index 20b864f930c..5478c98dba2 100644 --- a/source/_patterns/03-areas/00-header/header.scss +++ b/source/_patterns/03-areas/00-header/header.scss @@ -32,10 +32,6 @@ &:has(.cmp-mainnavigation > input[type="checkbox"][id]:not(:checked)) { .rea-meta { - position: absolute; - inset: 0; - margin: 0; - & > .elm-link, .cmp-metanavigation, .cmp-language-switcher, From 9abb234e685e4450aff6e6d04164f22bb52610d9 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Sun, 22 Sep 2024 11:42:32 +0200 Subject: [PATCH 2/3] refactor: removed obsolete styles --- source/_patterns/02-components/sitesearch/sitesearch.scss | 5 ----- source/_patterns/03-areas/00-header/header.scss | 1 - 2 files changed, 6 deletions(-) diff --git a/source/_patterns/02-components/sitesearch/sitesearch.scss b/source/_patterns/02-components/sitesearch/sitesearch.scss index e2c34c8266f..b8877d16be0 100644 --- a/source/_patterns/02-components/sitesearch/sitesearch.scss +++ b/source/_patterns/02-components/sitesearch/sitesearch.scss @@ -11,7 +11,6 @@ @media screen and (max-width: $db-break-the-header-max-width) { margin-inline-start: auto; margin-inline-end: 2.25rem; - padding-inline-end: 2rem; &::before { display: none; @@ -100,9 +99,5 @@ width: calc(100vw - 5.5rem); } } - - .elm-button { - inset-inline-end: 2rem; - } } } diff --git a/source/_patterns/03-areas/00-header/header.scss b/source/_patterns/03-areas/00-header/header.scss index 5478c98dba2..d7064c35a10 100644 --- a/source/_patterns/03-areas/00-header/header.scss +++ b/source/_patterns/03-areas/00-header/header.scss @@ -14,7 +14,6 @@ min-block-size: $header---minHeight; padding-inline: 1.5rem; - padding-block: 0.875rem; // Divider only if there is a sitesearch and metanavigation &:has(.cmp-sitesearch):has(.cmp-metanavigation) { From 03bdb4659ca70794179820f1ba8fe87bd838896c Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Sun, 22 Sep 2024 11:54:22 +0200 Subject: [PATCH 3/3] fix: this declaration actually needs to get set on wider viewports --- source/_patterns/03-areas/00-header/header.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/source/_patterns/03-areas/00-header/header.scss b/source/_patterns/03-areas/00-header/header.scss index d7064c35a10..dee30d84360 100644 --- a/source/_patterns/03-areas/00-header/header.scss +++ b/source/_patterns/03-areas/00-header/header.scss @@ -14,6 +14,9 @@ min-block-size: $header---minHeight; padding-inline: 1.5rem; + @media screen and (width > $db-break-the-header-max-width) { + padding-block: 0.875rem; + } // Divider only if there is a sitesearch and metanavigation &:has(.cmp-sitesearch):has(.cmp-metanavigation) {