From e6dda6a5170fac4e8b14a4f3e2fc1d574058a797 Mon Sep 17 00:00:00 2001 From: Perry Govier Date: Thu, 19 Jun 2014 17:38:09 -0500 Subject: [PATCH] fix(modal): remove iOS style header padding from inset headers in modal popups on iPad in portrait mode. Closes #1605 --- scss/_modal.scss | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/scss/_modal.scss b/scss/_modal.scss index 0e0868e076..af878552e3 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -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 {