fix text bounce when using normal tabs due to border size and negativ…

…e border margin
eea · Sep 26, 2023 · 10b7241 · 10b7241
1 parent ecc85b2
commit 10b7241
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/theme/themes/eea/collections/menu.overrides b/theme/themes/eea/collections/menu.overrides
@@ -339,7 +339,7 @@
     max-width: @secondaryPointingItemMaxWidth;
     padding: @secondaryItemVerticalPadding @secondaryItemHorizontalPadding;
     border-bottom: @secondaryPointingItemBorderBottom;
-    margin: 0;
+    margin: @secondaryPointingItemMargin;
   }
 }
 

diff --git a/theme/themes/eea/collections/menu.variables b/theme/themes/eea/collections/menu.variables
@@ -283,7 +283,8 @@
 @secondaryVerticalPointingItemMargin: var(--vertical-item-margin, 0em -@secondaryPointingBorderWidth 0em 0em);
 
 
-@secondaryPointingItemBorderBottom: @1px solid transparent;
+@secondaryPointingItemBorderBottom: @3px solid transparent;
+@secondaryPointingItemMargin: 0 0 -@1px 0;
 @secondaryPointingItemMaxWidth: 15.625rem;
 
 /* Inverted Secondary */
@@ -383,7 +384,7 @@
 
 @textMenuActiveItemFontWeight: @normal;
 @textMenuActiveItemColor: @selectedTextColor;
-@secondaryPointingActiveItemMarginBottom: @2px;
+@secondaryPointingActiveItemMarginBottom: @1px;
 
 @textMenuHeaderSize: @relativeSmall;
 @textMenuHeaderColor: @darkTextColor;