kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Add hover state to navigation rows

Browse source
This commit is contained in:
tauriedavis 2016-11-18 11:24:08 -08:00
parent c54827961a
commit ebfaaffef1
1 changed files with 18 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
app/assets/stylesheets/framework/nav.scss
View file

@ -51,19 +51,26 @@
margin-bottom: -1px;
font-size: 15px;
line-height: 28px;
color: #959494;
color: $note-toolbar-color;
border-bottom: 2px solid transparent;
&:hover,
&:active,
&:focus {
text-decoration: none;
border-bottom: 2px solid $gray-darkest;
color: $black;
.badge {
color: $black;
}
}
}
&.active a {
border-bottom: 2px solid $link-underline-blue;
color: $black;
font-weight: 600;
}
.badge {
@ -85,14 +92,20 @@
li {
&.active a {
border-bottom: none;
}
a {
margin: 0;
padding: 11px 10px 9px;
}
&.active a {
&:hover,
&:active,
&:focus {
color: $black;
border-bottom: none;
color: $link-underline-blue;
}
}
}
}
@ -310,37 +323,9 @@
height: 51px;
li {
a {
padding-top: 10px;
}
a,
i {
color: $layout-link-gray;
}
&.active {
a,
i {
color: $black;
}
svg {
path,
polygon {
fill: $black;
}
}
}
&:hover {
a,
i {
color: $black;
}
}
}
}
}