Extra bottom padding for header menu

eea · Feb 8, 2023 · 4f38c7a · 4f38c7a
1 parent ecc494f
commit 4f38c7a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/theme/themes/eea/extras/header.less b/theme/themes/eea/extras/header.less
@@ -693,6 +693,7 @@
     display: inherit;
     height: 100%;
     align-items: baseline;
+    padding-bottom: @megaMenuContainerPaddingBottom;
   }
 }
 
@@ -732,6 +733,7 @@
 
 #at-a-glance {
   padding: @megaMenuGlancePadding !important;
+  margin-bottom: @megaMenuGlanceMarginBottom !important;
   background-color: @megaMenuGlanceBackgroundColor;
 
   .item {

diff --git a/theme/themes/eea/extras/header.variables b/theme/themes/eea/extras/header.variables
@@ -168,6 +168,7 @@
 @mobileMegaMenuPadding: @rem-space-4 0;
 @tabletMegaMenuPadding: @rem-space-9;
 @computerMegaMenuPadding: @rem-space-4 0;
+@megaMenuContainerPaddingBottom: @rem-space-4;
 
 /* Title */
 @mobileMegaMenuTitleButtonPadding: @rem-space-6 0 @rem-space-4;
@@ -192,6 +193,7 @@
 /* At a glance */
 @megaMenuGlanceBackgroundColor: @secondaryColor;
 @megaMenuGlancePadding: @rem-space-4 @rem-space-6;
+@megaMenuGlanceMarginBottom: -@rem-space-4;
 @megaMenuGlanceListItemFontSize: @font-size-2;
 @megaMenuGlanceListItemFontWeight: @font-weight-4;
 @megaMenuGlanceListItemMargin: @rem-space-4 0;