fix: logo being overlayed by the header (#975)

db-ui · Sep 24, 2024 · 745486b · 745486b
1 parent b25f71d
commit 745486b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git 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
@@ -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,