test(): right side only menu icon

This commit is contained in:
Adam Bradley
2015-11-04 14:45:32 -06:00
parent 9075f7b154
commit 46b161519a
3 changed files with 30 additions and 5 deletions

View File

@ -22,5 +22,29 @@
</ion-menu> </ion-menu>
<ion-menu [content]="content" id="rightMenu" side="right">
<ion-toolbar danger>
<ion-title>Right Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item *ng-for="#p of pages" (click)="openPage(p)">
{{p.title}}
</button>
<button ion-item menu-close="rightMenu" detail-none>
Close Menu
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav> <ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>

View File

@ -1,14 +1,14 @@
<ion-navbar *navbar> <ion-navbar *navbar>
<a menu-toggle="leftMenu">
<icon menu></icon>
</a>
<ion-title> <ion-title>
Menu Menu
</ion-title> </ion-title>
<a menu-toggle="rightMenu" secondary>
<icon menu></icon>
</a>
</ion-navbar> </ion-navbar>
@ -17,7 +17,7 @@
<h3>Page 3</h3> <h3>Page 3</h3>
<p> <p>
<button menu-toggle="leftMenu">Toggle Left Menu</button> <button menu-toggle="rightMenu">Toggle Right Menu</button>
</p> </p>
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f> <f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>

View File

@ -59,6 +59,7 @@ tab-highlight {
left: 0; left: 0;
background: $tab-button-active-color; background: $tab-button-active-color;
transform-origin: 0 0; transform-origin: 0 0;
transform: translateZ(0);
&.animate { &.animate {
transition-duration: 300ms; transition-duration: 300ms;