' +
'' +
'' +
@@ -281,7 +281,6 @@ class PopupAnimation extends Animation {
class PopupPopIn extends PopupAnimation {
constructor(element) {
super(element);
-
this.wrapper.fromTo('opacity', '0', '1')
this.wrapper.fromTo('scale', '1.1', '1');
@@ -290,7 +289,6 @@ class PopupPopIn extends PopupAnimation {
}
Animation.register('popup-pop-in', PopupPopIn);
-
class PopupPopOut extends PopupAnimation {
constructor(element) {
super(element);
@@ -301,3 +299,19 @@ class PopupPopOut extends PopupAnimation {
}
}
Animation.register('popup-pop-out', PopupPopOut);
+
+class PopupMdPopIn extends PopupPopIn {
+ constructor(element) {
+ super(element);
+ this.backdrop.fromTo('opacity', '0', '0.5')
+ }
+}
+Animation.register('popup-md-pop-in', PopupMdPopIn);
+
+class PopupMdPopOut extends PopupPopOut {
+ constructor(element) {
+ super(element);
+ this.backdrop.fromTo('opacity', '0.5', '0')
+ }
+}
+Animation.register('popup-md-pop-out', PopupMdPopOut);
diff --git a/ionic/config/modes.ts b/ionic/config/modes.ts
index 509c0a854f..ae4e3ac82e 100644
--- a/ionic/config/modes.ts
+++ b/ionic/config/modes.ts
@@ -21,6 +21,8 @@ IonicConfig.modeConfig('ios', {
tabBarPlacement: 'bottom',
viewTransition: 'ios',
+ popupPopIn: 'popup-pop-in',
+ popupPopOut: 'popup-pop-out',
});
@@ -43,6 +45,9 @@ IonicConfig.modeConfig('md', {
tabBarPlacement: 'top',
viewTransition: 'md',
+ popupPopIn: 'popup-md-pop-in',
+ popupPopOut: 'popup-md-pop-out',
+
type: 'overlay',
mdRipple: true,
});