Commit b46cd84e authored by Evonne Cheung's avatar Evonne Cheung Committed by Robert Lyon
Browse files

Bug #1826484 Remove hover underline from nav tabs

behatnotneeded

Change-Id: Ibdd77737c39efc6f7dce96cea55dc5c6ca3fd49a
parent 873eef74
.nav-tabs {
border-bottom: 2px solid $theme-accent-color;
&.nav {
li > a {
font-weight: 400;
......@@ -9,23 +10,31 @@
&:focus,
&:hover {
border: 0;
border-bottom: 1px solid $theme-accent-color;
border-bottom-color: $theme-accent-color;
background-color: scale-color($theme-accent-color, $lightness: 70%);
color: $theme-text-color;
}
&.inactive {
color: $theme-text-lighttone-color;
&:hover,
&:focus {
color: $theme-text-lighttone-color;
background: transparent;
border-bottom-color: transparent;
}
}
&.active {
background-color: scale-color($theme-accent-color, $lightness: 60%);
color: $theme-text-color;
border: 0;
border-bottom: 1px solid $theme-accent-color;
border-bottom-color: $theme-accent-color;
&:focus,
&:hover {
background-color: scale-color($theme-accent-color, $lightness: 70%);
color: $theme-text-color;
border: 0;
border-bottom: 1px solid $theme-accent-color;
border-bottom-color: $theme-accent-color;
}
}
}
......
......@@ -10,21 +10,33 @@
border-bottom: 3px solid transparent;
padding: 8px 10px;
font-size: $font-size-base * 1.07142857;
text-decoration: none;
&:hover,
&:focus {
color: scale-color($link-color, $lightness: -16%);
border-bottom-color: $nav-tabs-link-hover-border-color;
background: scale-color($gray-100, $lightness: 45%);
text-decoration: none;
}
&.inactive {
color: $theme-text-lighttone-color;
&:hover {
&:hover,
&:focus {
color: $theme-text-lighttone-color;
background: transparent;
border-bottom: 3px solid transparent;
border-bottom-color: transparent;
}
}
&:hover,
&:focus {
color: scale-color($link-color, $lightness: -16%);
border: 1px solid transparent;
border-bottom: 3px solid $nav-tabs-link-hover-border-color;
background: scale-color($gray-100, $lightness: 45%);
text-decoration: none;
&.active {
color: $link-color;
border-bottom-color: $nav-tabs-link-hover-border-color;
&:hover,
&:focus {
border-bottom-color: $nav-tabs-link-hover-border-color;
}
}
}
}
......@@ -38,14 +50,3 @@
.tab-content legend {
display: none;
}
.nav-tabs.nav>li>a.active {
color: $link-color;
border: 1px solid transparent;
border-bottom: 3px solid $nav-tabs-link-hover-border-color;
&:hover,
&:focus {
border: 1px solid transparent;
border-bottom: 3px solid $nav-tabs-link-hover-border-color;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment