From 745486b3fd506259dcee611e4f71de34aa666eaa Mon Sep 17 00:00:00 2001 From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com> Date: Tue, 24 Sep 2024 11:07:35 +0200 Subject: [PATCH] fix: logo being overlayed by the header (#975) --- source/_patterns/02-components/sitesearch/sitesearch.scss | 5 ----- source/_patterns/03-areas/00-header/header.scss | 8 +++----- 2 files changed, 3 insertions(+), 10 deletions(-) diff --git a/source/_patterns/02-components/sitesearch/sitesearch.scss b/source/_patterns/02-components/sitesearch/sitesearch.scss index e2c34c8266..b8877d16be 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 20b864f930..dee30d8436 100644 --- a/source/_patterns/03-areas/00-header/header.scss +++ b/source/_patterns/03-areas/00-header/header.scss @@ -14,7 +14,9 @@ min-block-size: $header---minHeight; padding-inline: 1.5rem; - padding-block: 0.875rem; + @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) { @@ -32,10 +34,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,