javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

Aside materials

Browse Source
This commit is contained in:
Max Lynch
2015-07-17 17:03:53 -05:00
parent 7a071c0b44
commit 4c8901c729
3 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ionic/components/app/test/material/index.ts
View File

@ -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'> 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-aside id="menu" side="left" [content]="content">
<ion-toolbar primary><ion-title>Menu</ion-title></ion-toolbar> <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-list>
</ion-aside> </ion-aside>
<ion-nav #content></ion-nav>`, <ion-nav #content></ion-nav>`,

11
ionic/components/aside/aside.scss
View File

@ -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; bottom: 0;
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
&.open, &.open, {
&[type=reveal] { &[type=reveal], &[type=push] {
left: 0; left: 0;
//transform: translate3d($aside-width,0,0); }
&[type=overlay] {
transform: translate3d($aside-width,0,0);
}
} }
//} //}
&[side=right] { &[side=right] {

2
ionic/components/aside/aside.ts
View File

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