fix(site-header): fix mobile site-name overlapping menu - FRONT-3579 (#…

…2361)
ec-europa · Mar 17, 2022 · 2d2903e · 2d2903e · github-actions · Mar 17, 2022
1 parent 912229a
commit 2d2903e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/implementations/vanilla/components/site-header-harmonised/site-header-harmonised-ec.scss b/src/implementations/vanilla/components/site-header-harmonised/site-header-harmonised-ec.scss
@@ -186,6 +186,10 @@ $_logo-width-lg: 15.1rem;
   padding: map.get(theme.$spacing, 'm') 0;
 }
 
+.ecl-site-header-harmonised__site-name {
+  margin-right: map.get(theme.$spacing, '3xl');
+}
+
 /* stylelint-disable-next-line order/order */
 @include breakpoints.up('s') {
   .ecl-site-header-harmonised__logo-link {
@@ -329,6 +333,7 @@ $_logo-width-lg: 15.1rem;
 
   .ecl-site-header-harmonised__site-name {
     padding: map.get(theme.$spacing, 'l') 0;
+    margin-right: 0;
   }
 }
 

diff --git a/...lementations/vanilla/components/site-header-standardised/site-header-standardised-ec.scss b/...lementations/vanilla/components/site-header-standardised/site-header-standardised-ec.scss
@@ -220,6 +220,10 @@ $_search-width-xl: 31.5rem;
   }
 }
 
+.ecl-site-header-standardised__site-name {
+  margin-right: map.get(theme.$spacing, '3xl');
+}
+
 // stylelint-disable plugin/selector-bem-pattern
 .ecl-search-form__button .ecl-button__label {
   display: none;
@@ -297,6 +301,7 @@ $_search-width-xl: 31.5rem;
   .ecl-site-header-standardised__site-name {
     align-self: center;
     flex-grow: 1;
+    margin-right: 0;
     padding: map.get(theme.$spacing, 'l') 0;
   }
 

diff --git a/...lementations/vanilla/components/site-header-standardised/site-header-standardised-eu.scss b/...lementations/vanilla/components/site-header-standardised/site-header-standardised-eu.scss
@@ -220,6 +220,7 @@ $_search-width-xl: 31.5rem;
   color: map.get(theme.$color, 'white');
   font: map.get(theme.$font-prolonged, 'xl');
   font-weight: map.get(theme.$font-weight, 'bold');
+  margin-right: map.get(theme.$spacing, '3xl');
   padding: 0;
 }
 
@@ -313,6 +314,7 @@ $_search-width-xl: 31.5rem;
     align-self: center;
     color: map.get(theme.$color, 'grey-80');
     flex-grow: 1;
+    margin-right: 0;
     padding: map.get(theme.$spacing, 'm') 0;
   }