From a1a594d9b662a01f7d17894b5a8be3f32011b785 Mon Sep 17 00:00:00 2001 From: Dan Bucholtz Date: Fri, 13 May 2016 15:01:57 -0500 Subject: [PATCH] feat(modal): start of inset modals start of inset modals --- ionic/components/modal/modal.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/ionic/components/modal/modal.scss b/ionic/components/modal/modal.scss index 94d2602903..9784b3af22 100644 --- a/ionic/components/modal/modal.scss +++ b/ionic/components/modal/modal.scss @@ -8,4 +8,22 @@ ion-page.modal { // hidden by default to prevent flickers, the animation will show it transform: translate3d(0, 100%, 0); + + @media only screen and (min-width: 768px) and (min-height: 600px){ + position: absolute; + top: calc(50% - 250px); + left: calc(50% - 300px); + + width: 600px; + height: 500px; + } + + @media only screen and (min-width: 768px) and (min-height: 768px){ + position: absolute; + top: calc(50% - 300px); + left: calc(50% - 300px); + + width: 600px; + height: 600px; + } }