sharpetronics/crunchbutton
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

updated nav

Browse Source
This commit is contained in:
arzynik 2013-08-08 20:01:28 -04:00
parent 318418963b
commit fced2b2d4c
2 changed files with 90 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
include/views/default/crunchbutton/layout/html.body.phtml
View File

@ -10,17 +10,74 @@
<div>
<div class="pushabutton-getfood"></div>
<ul>
<li><a href="javascript:;" ng-instant="navigation.link('/food-delivery')"><i class="icon-food icon-2x"></i> Restaurants</a></li>
<li><a href="javascript:;" ng-instant="navigation.link('/location')"><i class="icon-map-marker icon-2x"></i> Change Location</a></li>
<li><a ng-show="navigation.account.user" href="javascript:;" ng-instant="navigation.link('/orders')"><i class="icon-time icon-2x"></i> Order History</a></li>
<li><a ng-show="navigation.account.user" href="javascript:;" ng-instant="navigation.link('/orders')"><i class="icon-mail-reply icon-2x"></i> Logout</a></li>
<li><a href="javascript:;" ng-click="navigation.link('/help')">Help</a></li>
<li><a href="javascript:;" ng-click="navigation.link('/legal')">Legal</a></li>
<li ng-instant="navigation.link('/food-delivery')">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-food"></i></td>
<td class="side-menu-label">Restaurants</a></td>
</tr>
</table>
</li>
<li ng-instant="navigation.link('/location')">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-map-marker"></i></td>
<td class="side-menu-label">Change Location</a></td>
</tr>
</table>
</li>
<li ng-show="navigation.account.user" ng-instant="navigation.link('/orders')">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-time"></i></td>
<td class="side-menu-label">Order History</a></td>
</tr>
</table>
</li>
<li ng-show="navigation.account.user" ng-instant="App.test.logout()">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-mail-reply"></i></td>
<td class="side-menu-label">Logout</a></td>
</tr>
</table>
</li>
<li ng-instant="navigation.link('/help')">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-question-sign"></i></td>
<td class="side-menu-label">Help</a></td>
</tr>
</table>
</li>
<li ng-instant="navigation.link('/legal')">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-file"></i></td>
<td class="side-menu-label">Legal</a></td>
</tr>
</table>
</li>
<? if (c::env() == 'beta' || c::env() == 'local') : ?>
<li><a href="javascript:App.test.card();" class="test-card">TEST: card</a></li>
<li><a href="javascript:App.test.logout();" class="test-logout">TEST: logout</a></li>
<li><a href="javascript:App.test.clearloc();" class="test-clearloc">TEST: clear loc</a></li>
<li ng-instant="App.test.card()">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-circle-blank"></i></td>
<td class="side-menu-label">TEST: card</a></td>
</tr>
</table>
</li>
<li ng-instant="App.test.clearloc()">
<table cellpadding="0" cellspacing="0" class="side-menu-wrap">
<tr>
<td class="side-menu-icon"><i class="icon-circle-blank"></i></td>
<td class="side-menu-label">TEST: clear loc</a></td>
</tr>
</table>
</li>
<? endif ; ?>
</ul>
<div>
<p>&copy; <?=date('Y')?> YouBeo. All rights reserved.</p>

26
www/assets/css/styles.revised.css
View File

@ -442,16 +442,17 @@ html {
list-style-type: none;
}
.snap-drawer li > a {
.snap-drawer li {
display: block;
border-bottom: 1px solid rgba(0,0,0, 0.1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 15px;
padding: 8px 0 2px 0;
font-weight: bold;
text-shadow: 0 1px 0 #000;
text-decoration: none;
color: #fff;
text-indent: 20px;
}
.snap-drawer p {
@ -584,4 +585,25 @@ html {
}
}
.snap-drawer [class^="icon-"] {
font-size: 25px;
}
.side-menu-icon {
width: 60px;
}
.side-menu-label {
margin-top: -10px;
vertical-align: top;
line-height: 1.6em;
margin-bottom: 20px;
}
.side-menu-wrap {
margin-left: -10px;
}
.side-menu-wrap {
height: 28px;
}