wip modifying menu classes so that we can use css variables for tab m…

…enus
eea · Sep 5, 2023 · f8a55c5 · f8a55c5
1 parent ecd74cf
commit f8a55c5
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/theme/themes/eea/collections/menu.variables b/theme/themes/eea/collections/menu.variables
@@ -222,9 +222,9 @@
 @secondaryHoverItemBackground: @transparentBlack;
 @secondaryHoverItemColor: @selectedTextColor;
 
-@secondaryActiveItemBackground: @transparentBlack;
+@secondaryActiveItemBackground: var(--bg-color, @white);
 @secondaryActiveItemColor: @selectedTextColor;
-@secondaryActiveHoverItemBackground: @transparentBlack;
+@secondaryActiveHoverItemBackground: @secondaryActiveItemBackground;
 @secondaryActiveHoverItemColor: @selectedTextColor;
 
 @secondaryActiveHoveredItemBackground: @transparentBlack;
@@ -256,8 +256,8 @@
 
 @secondaryPointingHoverTextColor: var(--text-color-hover, @textColor);
 
-@secondaryPointingActiveBorderColor: @secondaryColor;
-@secondaryPointingActiveTextColor: @secondaryColor;
+@secondaryPointingActiveBorderColor: @secondaryColorCSSVar;
+@secondaryPointingActiveTextColor: @secondaryColorCSSVar;
 @secondaryPointingActiveFontWeight: @normal;
 
 @secondaryPointingActiveDropdownBorderColor: transparent;
@@ -270,7 +270,7 @@
 
 
 @secondaryPointingItemBorderBottom: @1px solid @midGray;
-@secondaryPointingItemMaxWidth: 15.625rem; 
+@secondaryPointingItemMaxWidth: 15.625rem;
 
 /* Inverted Secondary */
 @secondaryInvertedColor: @invertedLightTextColor;

diff --git a/theme/themes/eea/modules/accordion.overrides b/theme/themes/eea/modules/accordion.overrides
@@ -120,9 +120,9 @@
 --------------------------------*/
 
 .ui.menu.RRT__accordion {
-  .ui.item {
-    background-color: transparent;
-  }
+  //.ui.item {
+  //  background-color: transparent;
+  //}
 
   .ui.item .icon {
     font-size: @iconFontSize;

diff --git a/theme/themes/eea/modules/tab.variables b/theme/themes/eea/modules/tab.variables
@@ -2,7 +2,7 @@
               Tab
 *******************************/
 @tabsBlockColor: @textColor;
-@tabActiveItemHoverColor: @secondaryColor;
+@tabActiveItemHoverColor: @secondaryColorCSSVar;
 
 @mobileItemFontSize: 1rem;
 @mobileItemPadding: 1rem 0.25rem;