Commit 4c6468aa authored by David Wagner's avatar David Wagner

Make open and hovered dropdown toggles look the same

The chevron now has the same darker shade when the dropdown is opened it
had when hovered on.
Signed-off-by: default avatarDavid Wagner <david@marvid.fr>
parent b3ed4e0c
...@@ -8,6 +8,12 @@ ...@@ -8,6 +8,12 @@
} }
} }
@mixin chevron-active {
.fa-chevron-down {
color: $dropdown-toggle-hover-icon-color;
}
}
.open { .open {
.dropdown-menu, .dropdown-menu,
.dropdown-menu-nav { .dropdown-menu-nav {
...@@ -19,7 +25,10 @@ ...@@ -19,7 +25,10 @@
} }
} }
.dropdown-toggle,
.dropdown-menu-toggle { .dropdown-menu-toggle {
@include chevron-active;
border-color: $dropdown-toggle-hover-border-color; border-color: $dropdown-toggle-hover-border-color;
} }
} }
...@@ -70,20 +79,14 @@ ...@@ -70,20 +79,14 @@
margin-left: 5px; margin-left: 5px;
} }
@mixin chevron-hover {
.fa-chevron-down {
color: $dropdown-toggle-hover-icon-color;
}
}
&:hover { &:hover {
@include chevron-hover; @include chevron-active;
border-color: $dropdown-toggle-hover-border-color; border-color: $dropdown-toggle-hover-border-color;
} }
&:focus:active { &:focus:active {
@include chevron-hover; @include chevron-active;
border-color: $dropdown-toggle-active-border-color; border-color: $dropdown-toggle-active-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