refactor(animations): inline css animations

This commit is contained in:
Adam Bradley
2016-02-09 16:22:40 -06:00
parent de76cefcf3
commit da18868636
94 changed files with 1071 additions and 6905 deletions

View File

@@ -17,5 +17,24 @@
</ion-menu>
<ion-menu [content]="content" id="myMenuId2" type="overlay" side="right">
<ion-toolbar danger>
<ion-title>Right Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item menuToggle="myMenuId2" detail-none>
Close Right Menu
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>

View File

@@ -9,15 +9,21 @@
Overlay Menu
</ion-title>
<button menuToggle="myMenuId2" end>
<ion-icon name="menu"></ion-icon>
</button>
</ion-navbar>
<ion-content #content padding>
<h3>Content</h3>
<p>
<button menuToggle="myMenuId">Toggle Left Overlay Menu</button>
</p>
<p>
<button menuToggle="myMenuId">Toggle Left Menu</button>
<button menuToggle="myMenuId2">Toggle Right Overlay Menu</button>
</p>
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>

View File

@@ -17,5 +17,24 @@
</ion-menu>
<ion-menu [content]="content" type="push" side="right">
<ion-toolbar danger>
<ion-title>Right Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item menuToggle="right" detail-none>
Close Right Menu
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>

View File

@@ -9,15 +9,21 @@
Push Menu
</ion-title>
<button menuToggle="right" end>
<ion-icon name="menu"></ion-icon>
</button>
</ion-navbar>
<ion-content #content padding>
<h3>Content</h3>
<p>
<button menuToggle="left">Toggle Left Push Menu</button>
</p>
<p>
<button menuToggle="left">Toggle Left Menu</button>
<button menuToggle="right">Toggle Right Push Menu</button>
</p>
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>

View File

@@ -17,5 +17,23 @@
</ion-menu>
<ion-menu [content]="content" type="reveal" side="right">
<ion-toolbar danger>
<ion-title>Right Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button ion-item menuToggle="right" detail-none>
Close Right Menu
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>

View File

@@ -9,15 +9,21 @@
Reveal Menu
</ion-title>
<button menuToggle="right" end>
<ion-icon name="menu"></ion-icon>
</button>
</ion-navbar>
<ion-content #content padding>
<h3>Content</h3>
<p>
<button menuToggle>Toggle Left Reveal Menu</button>
</p>
<p>
<button menuToggle>Toggle Left Menu</button>
<button menuToggle="right">Toggle Right Reveal Menu</button>
</p>
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>