javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +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'>
<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>`,

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

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

@ -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)