javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(modal): start of inset modals

Browse Source 
start of inset modals
This commit is contained in:
Dan Bucholtz
2016-05-13 15:01:57 -05:00
parent 809dc477f6
commit a1a594d9b6
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ionic/components/modal/modal.scss
View File

@@ -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;
}
}