refactor(megaMenu): update padding variables

eea · Sep 23, 2022 · c5f2583 · c5f2583
1 parent 992f919
commit c5f2583
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/theme/themes/eea/extras/header.less b/theme/themes/eea/extras/header.less
@@ -607,7 +607,7 @@
 }
 
 #mega-menu .mega-menu-title {
-  padding: @computerMegaMenuTitleButtonPadding;
+  padding: @mobileMegaMenuTitleButtonPadding;
 }
 
 #mega-menu .ui.list {
@@ -677,6 +677,7 @@
 #mega-menu .ui.accordion {
   .title {
     font-size: @megaMenuAccordionTitleFontSize;
+    font-weight: @megaMenuAccordionTitleFontWeight;
     color: @megaMenuTextColor;
     padding: @megaMenuAccordionTitlePadding;
     border-bottom: @megaMenuAccordionTitleBorderBottom;
@@ -750,9 +751,6 @@
   .nav-description {
     font-size: @tabletNavDescriptionFontSize;
   }
-  #mega-menu .mega-menu-title {
-    padding: @mobileMegaMenuTitleButtonPadding;
-  }
 }
 
 @media all and (min-width: @tabletBreakpoint) {
@@ -772,6 +770,10 @@
     color: @megaMenuTextColor;
   }
 
+  #mega-menu .mega-menu-title {
+    padding: @computerMegaMenuTitleButtonPadding;
+  }
+
   #mega-menu .sub-title {
     font-size: @computerMegaMenuSubTitleFontSize;
     font-weight: @megaMenuSubTitleFontWeight;

diff --git a/theme/themes/eea/extras/header.variables b/theme/themes/eea/extras/header.variables
@@ -154,7 +154,7 @@
 @computerMegaMenuPadding: @rem-space-4 0;
 
 /* Title */
-@mobileMegaMenuTitleButtonPadding: @rem-space-5 0;
+@mobileMegaMenuTitleButtonPadding: @rem-space-6 0 @rem-space-4;
 @computerMegaMenuTitleButtonPadding: @rem-space-8 0;
 
 /* Sub Title */
@@ -182,9 +182,10 @@
 
 /* Accordion */
 @megaMenuAccordionTitleFontSize: @font-size-3;
+@megaMenuAccordionTitleFontWeight: @font-weight-7;
 @megaMenuAccordionTitlePadding: @rem-space-2 0;
 @megaMenuAccordionIconFontSize: @font-size-9;
-@megaMenuAccordionContentPadding: @rem-space-4 0;
+@megaMenuAccordionContentPadding: 0;
 @megaMenuAccordionTitleBorderBottom: 1px solid rgba(255, 255, 255, 0.25);
 @megaMenuAccordionActiveTitleBorderBottom: 1px solid @white;