milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update paper dialog animation

Browse source
This commit is contained in:
Luke Pulverenti 2015-12-08 15:05:08 -05:00
parent 9a99eaa803
commit 35a8a1611a
1 changed files with 17 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
dashboard-ui/components/paperdialoghelper.js
View file

@ -102,25 +102,24 @@
dlg.setAttribute('noAutoFocus', 'noAutoFocus');
// These don't seem to perform well on mobile
if (!browserInfo.mobile) {
dlg.entryAnimation = options.entryAnimation || 'scale-up-animation';
dlg.exitAnimation = 'fade-out-animation';
var defaultEntryAnimation = browserInfo.mobile ? 'fade-in-animation' : 'scale-up-animation';
dlg.entryAnimation = options.entryAnimation || defaultEntryAnimation;
dlg.exitAnimation = 'fade-out-animation';
dlg.animationConfig = {
// scale up
'entry': {
name: options.entryAnimation || 'scale-up-animation',
node: dlg,
timing: { duration: options.entryAnimationDuration || 300, easing: 'ease-out' }
},
// fade out
'exit': {
name: 'fade-out-animation',
node: dlg,
timing: { duration: options.exitAnimationDuration || 400, easing: 'ease-in' }
}
};
}
dlg.animationConfig = {
// scale up
'entry': {
name: options.entryAnimation || defaultEntryAnimation,
node: dlg,
timing: { duration: options.entryAnimationDuration || 300, easing: 'ease-out' }
},
// fade out
'exit': {
name: 'fade-out-animation',
node: dlg,
timing: { duration: options.exitAnimationDuration || 400, easing: 'ease-in' }
}
};
dlg.classList.add('popupEditor');