change(megamenu): add border for active element of menu

eea · Jul 26, 2022 · 5e7dfa5 · 5e7dfa5
1 parent 9ed5cbd
commit 5e7dfa5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/theme/themes/eea/extras/header.less b/theme/themes/eea/extras/header.less
@@ -562,7 +562,6 @@
     }
   }
 }
-
 #mega-menu .ui.list .item {
   display: flex;
   font-size: @megaMenuListItemFontSize;
@@ -605,6 +604,10 @@
   padding-top: @megaMenuContentPaddingTop;
 }
 
+.active > span {
+  border-bottom: @megaMenuListItemActiveBorder;
+}
+
 /*Mega Menu Accordion - Tablet & Mobile */
 #mega-menu .ui.accordion {
   .title {

diff --git a/theme/themes/eea/extras/header.variables b/theme/themes/eea/extras/header.variables
@@ -151,6 +151,7 @@
 @megaMenuListItemFontSize: @font-size-1;
 @megaMenuListItemFontWeight: @font-weight-4;
 @megaMenuListItemPadding: @rem-space-2 0;
+@megaMenuListItemActiveBorder: 2px solid #FFF;
 
 /* At a glance */
 @megaMenuGlanceBackgroundColor: @secondaryColor;