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,10 +100,27 @@ header {
} }
} }
} }
}
.global-dropdown { .global-dropdown {
position: absolute; position: absolute;
left: -10px; left: -10px;
.badge {
font-size: 11px;
}
li.active {
a {
font-weight: bold;
}
}
li:hover {
.badge {
background-color: $white-light;
}
}
} }
.global-dropdown-toggle { .global-dropdown-toggle {
@ -118,7 +135,6 @@ header {
color: $gl-header-nav-hover-color; color: $gl-header-nav-hover-color;
} }
} }
}
.header-content { .header-content {
position: relative; position: relative;

View file

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