Added color for inverted active menu

eea · Oct 25, 2023 · 457e223 · 457e223
1 parent 59ebad4
commit 457e223
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/theme/themes/eea/collections/menu.overrides b/theme/themes/eea/collections/menu.overrides
@@ -449,6 +449,7 @@
 
 .ui.secondary.inverted.menu {
   --inverted-text-color: @invertedItemTextColor;
+  --inverted-active-text-color: @white;
   --inverted-hover-text-color: @white;
   --inverted-bg-color: var(--bg-color, @secondaryColorCSSVar);
   --inverted-secondary-border-color: @secondaryPointingInvertedBorderColor;

diff --git a/theme/themes/eea/extras/custom.overrides b/theme/themes/eea/extras/custom.overrides
@@ -98,6 +98,7 @@
 .tabs-block {
   --text-color: @textColor;
 }
+
 .blocks-chooser {
   .searchbox {
     height: auto !important;
@@ -157,6 +158,13 @@
   .tabs-accessibility .RRT__panel {
     --bg-color: @white;
   }
+
+  // remove border from secondary active item so that when we use color
+  // it doesn't show a different color from the active background
+  .ui.secondary.inverted.menu .active.item {
+    border-color: transparent !important;
+  }
+
   .border-top {
     border: none !important;
     border-top: 0.0625rem solid @midGray !important;