Removed double bottom border for tabs

Added box-shadow none to the hover state of the nav tabs to remove double bottom border

Removed double bottom border for tabs
Added box-shadow none to the hover state of the nav tabs to remove double bottom border
0f60cd2d · Malhar Deshpande · Olena Horal-Koretska · 78f01f0e · 0f60cd2d
Commit 0f60cd2d authored Jan 31, 2022 by Malhar Deshpande Committed by Olena Horal-Koretska Jan 31, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 3 deletions

app/assets/stylesheets/framework/secondary_navigation_elements.scss .../stylesheets/framework/secondary_navigation_elements.scss +2 -3

No files found.
--- a/app/assets/stylesheets/framework/secondary_navigation_elements.scss
+++ b/app/assets/stylesheets/framework/secondary_navigation_elements.scss
@@ -18,7 +18,6 @@
      line-height: 28px;
      color: $gl-text-color-secondary;
      border: 0;
-      border-bottom: 2px solid transparent;
      white-space: nowrap;

      &:hover,
@@ -26,7 +25,7 @@
      &:focus {
        text-decoration: none;
        color: $black;
-        border-bottom: 2px solid $gray-darkest;
+        box-shadow: inset 0 -2px 0 0 $gray-darkest;
      }
    }

@@ -40,7 +39,7 @@
    a.active {
      color: $black;
      font-weight: $gl-font-weight-bold;
-      border-bottom: 2px solid var(--gl-theme-accent, $theme-indigo-500);
+      box-shadow: inset 0 -2px 0 0 var(--gl-theme-accent, $theme-indigo-500);

      .badge.badge-pill {
        color: $black;