small update to nav

This commit is contained in:
Alex Wolfe 2015-04-28 14:57:15 -07:00
parent f6c0840673
commit 2611457df7
3 changed files with 6 additions and 3 deletions

View File

@ -2,7 +2,7 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5")
nav nav
h1 <a href="/" md-button>Angular <sup>by Google</sup></a> h1 <a href="/" md-button>Angular <sup>by Google</sup></a>
button(class="main-nav-button main-nav-mobile-trigger l-right" aria-label="View Menu" ng-click="toggleMainMenu($event)") Site Menu <span class="icon icon-arrow-drop-down"></span> button(class="main-nav-button main-nav-mobile-trigger l-right" aria-label="View Menu" ng-click="toggleMainMenu($event)" md-button) Site Menu <span class="icon icon-arrow-drop-down"></span>
ul(ng-class="showMainNav ? 'is-visible' : ''") ul(ng-class="showMainNav ? 'is-visible' : ''")
li.l-left <a class="main-nav-button" href="/features.html" md-button>Features</a> li.l-left <a class="main-nav-button" href="/features.html" md-button>Features</a>

View File

@ -5,7 +5,7 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
form.st-input-inner form.st-input-inner
label(for="search-io" class="is-hidden") Search Docs label(for="search-io" class="is-hidden") Search Docs
input(type="search" id="search-io" placeholder="SEARCH DOCS...") input(type="search" id="search-io" placeholder="SEARCH DOCS...")
button(class="mobile-trigger button" aria-label="View Docs Menu" ng-click="toggleDocsMenu($event)") Docs <span class="icon icon-arrow-drop-down"></span> button(class="mobile-trigger button" aria-label="View Docs Menu" ng-click="toggleDocsMenu($event)" md-button) Docs <span class="icon icon-arrow-drop-down"></span>
// PRIMARY NAVIGATION // PRIMARY NAVIGATION

View File

@ -27,6 +27,10 @@ var angularIO = angular.module('angularIOApp', ['ngMaterial', 'ngTouch'])
angularIO.controller('AppCtrl', ['$scope', '$mdDialog', function($scope, $mdDialog){ angularIO.controller('AppCtrl', ['$scope', '$mdDialog', function($scope, $mdDialog){
$scope.showDocsNav = false;
$scope.showMainNav = false;
$scope.showMenu = false;
// TOGGLE MAIN NAV (TOP) ON MOBILE // TOGGLE MAIN NAV (TOP) ON MOBILE
$scope.toggleDocsMenu = function(event) { $scope.toggleDocsMenu = function(event) {
event.preventDefault(); event.preventDefault();
@ -105,7 +109,6 @@ angularIO.controller('AppCtrl', ['$scope', '$mdDialog', function($scope, $mdDial
// TOGGLE CODE LANGUAGE // TOGGLE CODE LANGUAGE
$scope.toggleCodeExample = function(event, name) { $scope.toggleCodeExample = function(event, name) {
console.log('hello');
event.preventDefault(); event.preventDefault();
$scope.language = language; $scope.language = language;
}; };