Make active links bold; fix badge styling

This commit is contained in:
Annabel Dunstone Gray 2017-02-13 16:16:03 -06:00
parent c780ad0e92
commit 23035d90b7
2 changed files with 34 additions and 19 deletions

View File

@ -100,24 +100,40 @@ header {
}
}
}
}
.global-dropdown {
position: absolute;
left: -10px;
.global-dropdown {
position: absolute;
left: -10px;
.badge {
font-size: 11px;
}
.global-dropdown-toggle {
margin: 7px 0;
font-size: 18px;
padding: 6px 10px;
border: none;
background-color: $gray-light;
&:hover {
background-color: $white-normal;
color: $gl-header-nav-hover-color;
li.active {
a {
font-weight: bold;
}
}
li:hover {
.badge {
background-color: $white-light;
}
}
}
.global-dropdown-toggle {
margin: 7px 0;
font-size: 18px;
padding: 6px 10px;
border: none;
background-color: $gray-light;
&:hover {
background-color: $white-normal;
color: $gl-header-nav-hover-color;
}
}
.header-content {

View File

@ -6,12 +6,11 @@
%button.global-dropdown-toggle{ type: 'button', 'data-toggle' => 'dropdown' }
%span.sr-only Toggle navigation
= icon('bars')
.dropdown-menu-nav
%ul
- if current_user
= render 'layouts/nav/dashboard'
- else
= render 'layouts/nav/explore'
.dropdown-menu-nav.global-dropdown-menu
- if current_user
= render 'layouts/nav/dashboard'
- else
= render 'layouts/nav/explore'
%button.navbar-toggle{ type: 'button' }
%span.sr-only Toggle navigation
= icon('ellipsis-v')