fix(modal): remove iOS style header padding from inset headers in mod…

…al popups on iPad in portrait mode. Closes #1605
ionic-team · Jun 19, 2014 · e6dda6a · e6dda6a
1 parent 4a2296d
commit e6dda6a
Showing 1 changed file with 27 additions and 0 deletions.
diff --git 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 {