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

Make open and hovered dropdown toggles look the same

Browse source 
The chevron now has the same darker shade when the dropdown is opened it
had when hovered on.

Signed-off-by: David Wagner <david@marvid.fr>
This commit is contained in:
David Wagner 2016-11-22 20:33:52 +01:00
parent b3ed4e0cf9
commit 4c6468aa10
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/assets/stylesheets/framework/dropdowns.scss
View file

@ -8,6 +8,12 @@
}
}
@mixin chevron-active {
.fa-chevron-down {
color: $dropdown-toggle-hover-icon-color;
}
}
.open {
.dropdown-menu,
.dropdown-menu-nav {
@ -19,7 +25,10 @@
}
}
.dropdown-toggle,
.dropdown-menu-toggle {
@include chevron-active;
border-color: $dropdown-toggle-hover-border-color;
}
}
@ -70,20 +79,14 @@
margin-left: 5px;
}
@mixin chevron-hover {
.fa-chevron-down {
color: $dropdown-toggle-hover-icon-color;
}
}
&:hover {
@include chevron-hover;
@include chevron-active;
border-color: $dropdown-toggle-hover-border-color;
}
&:focus:active {
@include chevron-hover;
@include chevron-active;
border-color: $dropdown-toggle-active-border-color;
}