fix(menu): add statusbarPadding to the header and content in a menu

fixes #7385
ionic-team · Jul 29, 2016 · a468fde · a468fde
1 parent c9c46df
commit a468fde
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/platform/cordova.ios.scss b/src/platform/cordova.ios.scss
@@ -11,7 +11,8 @@ ion-nav > ion-page,
 ion-nav > ion-page > ion-header,
 ion-tab > ion-page > ion-header,
 ion-tabs > ion-page.tab-subpage > ion-header,
-ion-menu {
+ion-menu > .menu-inner,
+ion-menu > .menu-inner > ion-header {
   @include toolbar-statusbar-padding($toolbar-ios-height, $content-ios-padding);
   @include toolbar-title-statusbar-padding($toolbar-ios-height, $content-ios-padding);
 }

diff --git a/src/platform/cordova.md.scss b/src/platform/cordova.md.scss
@@ -11,7 +11,8 @@ ion-nav > ion-page,
 ion-nav > ion-page > ion-header,
 ion-tab > ion-page > ion-header,
 ion-tabs > ion-page.tab-subpage > ion-header,
-ion-menu {
+ion-menu > .menu-inner,
+ion-menu > .menu-inner > ion-header {
   @include toolbar-statusbar-padding($toolbar-md-height, $content-md-padding);
 }
 

diff --git a/src/platform/cordova.wp.scss b/src/platform/cordova.wp.scss
@@ -11,7 +11,8 @@ ion-nav > ion-page,
 ion-nav > ion-page > ion-header,
 ion-tab > ion-page > ion-header,
 ion-tabs > ion-page.tab-subpage > ion-header,
-ion-menu {
+ion-menu > .menu-inner,
+ion-menu > .menu-inner > ion-header {
   @include toolbar-statusbar-padding($toolbar-wp-height, $content-wp-padding);
 }