rm zindex

Author: lenaten

src/app-bar.jsx

@@ -95,7 +95,7 @@ const AppBar = React.createClass({
     let styles = StyleSheet.create({
       root: {
         position: 'relative',
-        zIndex: 5,
+        //zIndex: 5,
         width: '100%',
         display: 'flex',
         minHeight: themeVariables.height,

src/card/card.jsx

@@ -68,7 +68,7 @@ const Card = React.createClass({
 
     let mergedStyles = this.mergeStyles({
       overflow: 'hidden',
-      zIndex: 1,
+      //zIndex: 1,
     }, style);
 
     return (

src/date-picker/date-picker-inline.jsx

@@ -37,7 +37,7 @@ const DatePickerInline = React.createClass({
         textAlign: 'right',
       },
       container: {
-        zIndex: 3,
+        //zIndex: 3,
         width: '100%',
         position: 'relative',
         display: 'block',

src/dialog.jsx

@@ -165,7 +165,7 @@ const DialogInline = React.createClass({
       position: 'fixed',
       boxSizing: 'border-box',
       WebkitTapHighlightColor: 'rgba(0,0,0,0)',
-      zIndex: 10,
+      //zIndex: 10,
       top: 0,
       left: -10000,
       width: '100%',
@@ -181,7 +181,7 @@ const DialogInline = React.createClass({
       width: '75%',
       maxWidth: spacing.desktopKeylineIncrement * 12,
       margin: '0 auto',
-      zIndex: 10,
+      //zIndex: 10,
     };
 
     let body = {
@@ -391,7 +391,7 @@ const DialogInline = React.createClass({
 });
 
 
-const wrapperStyle = {position:'fixed', top:0, left:0, zIndex:20};
+const wrapperStyle = {position:'fixed', top:0, left:0}; //zIndex:20};
 const Dialog = React.createClass({
 
   propTypes: {

src/drop-down-menu.jsx

@@ -94,7 +94,7 @@ const DropDownMenu = React.createClass({
 
   getStyles() {
     const {disabled} = this.props;
-    let zIndex = 5; // As AppBar
+    // let zIndex = 5; // As AppBar
     let spacing = this.state.muiTheme.rawTheme.spacing;
     let accentColor = this.state.muiTheme.dropDownMenu.accentColor;
     let backgroundColor = this.state.muiTheme.menu.backgroundColor;
@@ -138,9 +138,6 @@ const DropDownMenu = React.createClass({
         borderTop: 'solid 1px ' + accentColor,
         margin: '-1px ' + spacing.desktopGutter + 'px',
       },
-      menu: {
-        zIndex: zIndex + 1,
-      },
       menuItem: {
         paddingRight: spacing.iconSize +
                       spacing.desktopGutterLess +
@@ -162,7 +159,7 @@ const DropDownMenu = React.createClass({
         position: 'fixed',
         top: 0,
         left: 0,
-        zIndex: zIndex,
+        //zIndex: zIndex,
       },
     };
 
@@ -249,7 +246,6 @@ const DropDownMenu = React.createClass({
             autoWidth={autoWidth}
             selectedIndex={selectedIndex}
             menuItems={menuItems}
-            style={styles.menu}
             menuItemStyle={this.mergeStyles(styles.menuItem, menuItemStyle)}
             hideable={true}
             visible={this.state.open}

src/enhanced-switch.jsx

@@ -152,7 +152,7 @@ const EnhancedSwitch = React.createClass({
         opacity: 0,
         width: '100%',
         height: '100%',
-        zIndex: 2,
+        //zIndex: 2,
         left: 0,
         boxSizing: 'border-box',
         padding: 0,

src/left-nav.jsx

@@ -156,7 +156,7 @@ const LeftNav = React.createClass({
         height: '100%',
         width: this.getTheme().width,
         position: 'fixed',
-        zIndex: 10,
+        //zIndex: 10,
         left: isBrowser && Modernizr.csstransforms3d ? 0 : x,
         top: 0,
         transform: 'translate3d(' + x + 'px, 0, 0)',

src/menu/menu.jsx

@@ -323,7 +323,7 @@ const Menu = React.createClass({
         overflow: 'hidden',
         position: 'absolute',
         top: 0,
-        zIndex: 1,
+        //zIndex: 1,
       },
       item: {
         height: 34,

src/menus/menu.jsx

@@ -154,7 +154,7 @@ const Menu = React.createClass({
         //it scales y
         transition: animated ? Transitions.easeOut('250ms', 'transform') : null,
         position: 'absolute',
-        zIndex: 10,
+        //zIndex: 10,
         top: openDown ? 0 : null,
         bottom: !openDown ? 0 : null,
         left: !openLeft ? 0 : null,

src/overlay.jsx

@@ -85,7 +85,7 @@ const Overlay = React.createClass({
         position: 'fixed',
         height: '100%',
         width: '100%',
-        zIndex: 9,
+        //zIndex: 9,
         top: 0,
         left: '-100%',
         opacity: 0,