drop down update

This commit is contained in:
Alex Wolfe 2015-03-04 05:27:48 -08:00
parent 2a020cf129
commit c77e4850f1
3 changed files with 39 additions and 29 deletions

View File

@ -33,7 +33,7 @@ if language == 'dart'
<!-- DROPDOWN BUTTON --> <!-- DROPDOWN BUTTON -->
nav.hero-subtitle.text-subhead.dropdown nav.hero-subtitle.text-subhead.dropdown
button(md-button class="dropdown-button" ng-click="toggleVersionMenu($event)") #{title} <span class="icon-arrow-drop-down"></span> button(md-button class="dropdown-button" ng-click="toggleVersionMenu($event)") #{title} <span class="icon icon-arrow-drop-down"></span>
div(class="overlay ng-hide" ng-click="toggleVersionMenu($event)" ng-show="showMenu") div(class="overlay ng-hide" ng-click="toggleVersionMenu($event)" ng-show="showMenu")
<!-- DROPDOWN MENU --> <!-- DROPDOWN MENU -->

View File

@ -3,13 +3,23 @@
z-index: $layer-5; z-index: $layer-5;
.dropdown-button { .dropdown-button {
background: none; background: rgba($snow, .1);
border: none; border: none;
text-transform: none; text-transform: none;
font-weight: normal; font-weight: normal;
line-height: $unit * 4; line-height: $unit * 4;
padding: 0px $unit; padding: 0px ($unit * 4) 0px ($unit * 2);
cursor: pointer; cursor: pointer;
position: relative;
.icon {
position: absolute;
top: 5px;
right: $unit;
z-index: $layer-1;
font-size: 20px;
opacity: .87;
}
} }
.dropdown-menu { .dropdown-menu {