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

fix(modal): remove iOS style header padding from inset headers in modal popups on iPad in portrait mode. Closes #1605

Browse Source
This commit is contained in:
Perry Govier
2014-06-19 17:38:09 -05:00
parent 4a2296dcae
commit e6dda6a517
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
scss/_modal.scss
View File

@@ -46,6 +46,33 @@
.modal.ng-leave-active {
bottom: 0;
}
// remove ios header padding from inset header
.platform-ios.platform-cordova .modal-wrapper .modal{
.bar-header:not(.bar-subheader) {
height: $bar-height;
> * {
margin-top: 0;
}
}
.tabs-top > .tabs,
.tabs.tabs-top {
top: $bar-height;
}
.has-header,
.bar-subheader {
top: $bar-height;
}
.has-subheader {
top: (2 * $bar-height);
}
.has-tabs-top {
top: $bar-height + $tabs-height;
}
.has-header.has-subheader.has-tabs-top {
top: 2 * $bar-height + $tabs-height;
}
}
}
.modal-open {