Change navigation hover background color
-Changing the hover color to be white as
hover and selected states need to look
different.
Change-Id: I65a201b127408a698e50563f2b555fd5c55935dd
Signed-off-by: Ryan Arnell <iffy.ryan@ibm.com>
diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index 997ab7c..dc045e4 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -78,7 +78,7 @@
line-height: 1rem;
}
&:hover {
- background: $nav__second-level-color;
+ background: $white;
fill: $black;
color: $medblue;
padding: 1em;
@@ -149,6 +149,9 @@
text-decoration: none;
position: relative;
font-weight: 400;
+ &:hover {
+ background: $white;
+ }
}
li {
@@ -160,14 +163,16 @@
top: 50%;
right: .6em;
transform: translateY(-59%);
- color: #4b5d78;
+ color: $nav__second-level-text-color;
opacity: 0;
}
- &.active {background: $white;}
+ &.active {
+ a {font-weight: 700;}
+ }
&.active,
&:focus,
&:hover {
- a {color: #4b5d78;}
+ a {color: $nav__second-level-text-color;}
a:after {
opacity: 1;
right: .3em;