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

fix(md): update transitions

Browse Source
This commit is contained in:
Adam Bradley
2015-09-28 14:38:45 -05:00
parent 335a10605b
commit e7e9eadd51
1 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/transitions/md-transition.ts
View File

@ -1,9 +1,6 @@
import {Transition} from './transition'; import {Transition} from './transition';
import {Animation} from '../animations/animation'; import {Animation} from '../animations/animation';
const EASING = 'cubic-bezier(0.36,0.66,0.04,1)';
const TRANSLATEY = 'translateY'; const TRANSLATEY = 'translateY';
const OFF_BOTTOM = '40px'; const OFF_BOTTOM = '40px';
const CENTER = '0px' const CENTER = '0px'
@ -14,10 +11,6 @@ class MaterialTransition extends Transition {
constructor(nav, opts) { constructor(nav, opts) {
super(nav, opts); super(nav, opts);
// global duration and easing for all child animations
this.easing(EASING);
// entering item moves in bottom to center // entering item moves in bottom to center
this.enteringView this.enteringView
.to(TRANSLATEY, CENTER) .to(TRANSLATEY, CENTER)
@ -37,7 +30,7 @@ class MaterialTransition extends Transition {
// set properties depending on direction // set properties depending on direction
if (opts.direction === 'back') { if (opts.direction === 'back') {
this.duration(500); this.duration(200).easing('cubic-bezier(0.47,0,0.745,0.715)');
// back direction // back direction
this.enteringView this.enteringView
@ -57,7 +50,7 @@ class MaterialTransition extends Transition {
} else { } else {
// forward direction // forward direction
this.duration(280); this.duration(280).easing('cubic-bezier(0.36,0.66,0.04,1)');
this.enteringView this.enteringView
.from(TRANSLATEY, OFF_BOTTOM) .from(TRANSLATEY, OFF_BOTTOM)