ascribe
/
onion
mirror of https://github.com/ascribe/onion.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix nav dropdown menu's styling if menu item is currently active route

This commit is contained in:
Brett Sun 2016-06-17 16:30:30 +02:00
parent 830598509a
commit efaa1ba16d
5 changed files with 59 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
sass/ascribe_navbar.scss
View File

@ -42,6 +42,16 @@
}
}
// Currently active route (if in dropdown)
.navbar-nav .dropdown-menu .active a {
background-color: transparent;
&:focus,
&:hover {
background-color: rgba($ascribe--button-default-color, .05);
}
}
// Open dropdowns
.navbar-nav .open {
.dropdown-toggle {
@ -142,6 +152,15 @@
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu .active a {
background-color: transparent;
&:focus,
&:hover {
background-color: transparent;
}
}
.navbar-nav .dropdown {
display: block;
}

10
sass/whitelabel/wallet/23vivi/23vivi_custom_style.scss
View File

@ -151,6 +151,16 @@ $vivi23--highlight-color: #de2600;
}
}
.navbar-nav .open .dropdown-menu .active a {
background-color: transparent;
&:focus,
&:hover {
background-color: $vivi23--nav-highlight-color;
color: lighten($vivi23--nav-fg-prim-color, 20%);
}
}
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus, {

10
sass/whitelabel/wallet/artcity/artcity_custom_style.scss
View File

@ -166,6 +166,16 @@ $artcity--ter-highlight-color: #EDEDF0;
}
}
.navbar-nav .open .dropdown-menu .active a {
background-color: transparent;
&:focus,
&:hover {
background-color: $artcity--nav-highlight-color;
color: lighten($artcity--nav-fg-prim-color, 20%);
}
}
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus, {

10
sass/whitelabel/wallet/market/market_custom_style.scss
View File

@ -163,6 +163,16 @@ $market--highlight-color: #2882fa;
}
}
.navbar-nav .open .dropdown-menu .active a {
background-color: transparent;
&:focus,
&:hover {
background-color: $market--nav-highlight-color;
color: lighten($market--nav-fg-prim-color, 20%);
}
}
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus, {

10
sass/whitelabel/wallet/polline/polline_custom_style.scss
View File

@ -163,6 +163,16 @@ $polline--highlight-color: #2882fa;
}
}
.navbar-nav .open .dropdown-menu .active a {
background-color: transparent;
&:focus,
&:hover {
background-color: $polline--nav-highlight-color;
color: lighten($polline--nav-fg-prim-color, 20%);
}
}
.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus, {