Aside materials

ionic/components/app/test/material/index.ts

@@ -37,7 +37,10 @@ export class FirstPage {
   template: `<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,500' rel='stylesheet' type='text/css'>
     <ion-aside id="menu" side="left" [content]="content">
       <ion-toolbar primary><ion-title>Menu</ion-title></ion-toolbar>
-      <ion-list inset>
+      <ion-list>
+        <ion-item>Your Profile</ion-item>
+        <ion-item>Playlists</ion-item>
+        <ion-item>Artists</ion-item>
       </ion-list>
     </ion-aside>
     <ion-nav #content></ion-nav>`,

ionic/components/aside/aside.scss

@@ -35,10 +35,13 @@ $aside-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0,0,0,0.2) !def
   bottom: 0;
 
   transform: translate3d(0, 0, 0);
-  &.open,
-  &[type=reveal] {
+  &.open, {
+    &[type=reveal], &[type=push] {
       left: 0;
-    //transform: translate3d($aside-width,0,0);
+    }
+    &[type=overlay] {
+      transform: translate3d($aside-width,0,0);
+    }
   }
   //}
   &[side=right] {

ionic/components/aside/aside.ts

@@ -85,6 +85,8 @@ export class Aside extends Ion {
   }
 
   setOpen(isOpen) {
+    console.log('SET OPEN', isOpen);
+    console.trace();
     if (isOpen !== this.isOpen) {
       this.isOpen = isOpen
       this.setChanging(true)