Committed by
Gerrit Code Review
GUI -- Added distinct icon for nav-menu in the masthead.
Change-Id: If0ceed757cf580c80159e67af7f1b03671c78147
Showing
4 changed files
with
18 additions
and
3 deletions
... | @@ -33,11 +33,24 @@ | ... | @@ -33,11 +33,24 @@ |
33 | box-shadow: 0 2px 8px #222; | 33 | box-shadow: 0 2px 8px #222; |
34 | } | 34 | } |
35 | 35 | ||
36 | +#mast .nav-menu-button { | ||
37 | + width: 30px; | ||
38 | + height: 30px; | ||
39 | + margin-left: 8px; | ||
40 | + margin-bottom: 4px; | ||
41 | + cursor: pointer; | ||
42 | +} | ||
43 | +.light #mast .nav-menu-button:hover { | ||
44 | + background-color: #ddd; | ||
45 | +} | ||
46 | +.dark #mast .nav-menu-button:hover { | ||
47 | + background-color: #777; | ||
48 | +} | ||
49 | + | ||
36 | #mast img.logo { | 50 | #mast img.logo { |
37 | height: 38px; | 51 | height: 38px; |
38 | padding-left: 8px; | 52 | padding-left: 8px; |
39 | padding-right: 8px; | 53 | padding-right: 8px; |
40 | - cursor: pointer; | ||
41 | } | 54 | } |
42 | 55 | ||
43 | #mast img.logo:hover { | 56 | #mast img.logo:hover { | ... | ... |
1 | <!-- Masthead partial HTML --> | 1 | <!-- Masthead partial HTML --> |
2 | -<img class="logo" src="data/img/onos-logo.png" ng-click="mastCtrl.toggleNav()"> | 2 | +<img class="nav-menu-button" src="data/img/nav-menu.png" |
3 | + ng-click="mastCtrl.toggleNav()"></div> | ||
4 | +<img class="logo" src="data/img/onos-logo.png"> | ||
3 | <span class="title">Open Network Operating System</span> | 5 | <span class="title">Open Network Operating System</span> |
4 | <div id="mast-right"></div> | 6 | <div id="mast-right"></div> | ... | ... |
1.56 KB
-
Please register or login to post a comment