fix(menu): safari z-index fix for .menu .scroll-content

Closes #1408
ionic-team · Jun 17, 2014 · 754ef46 · 754ef46
1 parent 4e0548f
commit 754ef46
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/demos/directive/sideMenus/simple/style.css b/demos/directive/sideMenus/simple/style.css
@@ -0,0 +1,7 @@
+---
+name: simple
+component: ionSideMenus
+---
+.menu-left .scroll-content {
+  background-color: #f4f4f4;
+}
diff --git a/scss/_menu.scss b/scss/_menu.scss
@@ -17,6 +17,14 @@
   width: $menu-width;
 
   background-color: $menu-bg;
+
+  .scroll-content {
+    z-index: $z-index-menu-scroll-content;
+  }
+
+  .bar-header {
+    z-index: $z-index-menu-bar-header;
+  }
 }
 
 .menu-content {

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -669,6 +669,8 @@ $z-index-item-reordering:         9 !default;
 $z-index-item-toggle:             3 !default;
 $z-index-loading:                 13 !default;
 $z-index-menu:                    0 !default;
+$z-index-menu-bar-header:         11 !default;
+$z-index-menu-scroll-content:     10 !default;
 $z-index-modal:                   10 !default;
 $z-index-pane:                    1 !default;
 $z-index-popup:                   12 !default;