rm default

lenaten · lenaten · commit 6bb3b1cafa1f · 2015-12-03T13:56:25.000+02:00
diff --git a/src/app-bar.jsx b/src/app-bar.jsx
@@ -97,7 +97,7 @@ const AppBar = React.createClass({
         position: 'relative',
         //zIndex: 5,
         width: '100%',
-        display: 'flex',
+        //display: 'flex',
         minHeight: themeVariables.height,
         backgroundColor: themeVariables.color,
         paddingLeft: spacing.desktopGutter,
diff --git a/src/auto-complete.jsx b/src/auto-complete.jsx
@@ -103,7 +103,7 @@ const AutoComplete = React.createClass({
 
     let styles = StyleSheet.create({
       root: {
-        display: 'inline-block',
+        //display: 'inline-block',
         position: 'relative',
         width: this.props.fullWidth ? '100%' : 256,
       },
@@ -117,7 +117,7 @@ const AutoComplete = React.createClass({
         width: '100%',
       },
       list: {
-        display: 'block',
+        //display: 'block',
         width: this.props.fullWidth ? '100%' : 256,
       },
     });
diff --git a/src/avatar.jsx b/src/avatar.jsx
@@ -76,7 +76,7 @@ const Avatar = React.createClass({
         width: size,
         userSelect: 'none',
         borderRadius: '50%',
-        display: 'inline-block',
+        //display: 'inline-block',
       },
     });
 
diff --git a/src/badge.jsx b/src/badge.jsx
@@ -73,11 +73,11 @@ export default React.createClass({
     return {
       root: {
         position: 'relative',
-        display: 'inline-block',
+        //display: 'inline-block',
         padding: [radius2x + 'px', radius2x + 'px', radius + 'px', radius + 'px'].join(' '),
       },
       badge: {
-        display: 'flex',
+        //display: 'flex',
         flexDirection: 'row',
         flexWrap: 'wrap',
         justifyContent: 'center',
diff --git a/src/card/card-header.jsx b/src/card/card-header.jsx
@@ -73,20 +73,20 @@ const CardHeader = React.createClass({
         position: 'relative',
       },
       text: {
-        display: 'inline-block',
+        //display: 'inline-block',
         verticalAlign: 'top',
       },
       avatar: {
         marginRight: 16,
       },
       title: {
         color: this.props.titleColor,
-        display: 'block',
+        //display: 'block',
         fontSize: 15,
       },
       subtitle: {
         color: this.props.subtitleColor,
-        display: 'block',
+        //display: 'block',
         fontSize: 14,
       },
     };
diff --git a/src/card/card-title.jsx b/src/card/card-title.jsx
@@ -69,13 +69,13 @@ const CardTitle = React.createClass({
       title: {
         fontSize: 24,
         color: this.props.titleColor,
-        display: 'block',
+        //display: 'block',
         lineHeight: '36px',
       },
       subtitle: {
         fontSize: 14,
         color: this.props.subtitleColor,
-        display: 'block',
+        //display: 'block',
       },
     };
   },
diff --git a/src/clearfix.jsx b/src/clearfix.jsx
@@ -49,7 +49,7 @@ const ClearFix = React.createClass({
     let before = function() {
       return {
         content: "' '",
-        display: 'table',
+        //display: 'table',
       };
     };
 
diff --git a/src/date-picker/calendar.jsx b/src/date-picker/calendar.jsx
@@ -113,7 +113,7 @@ const Calendar = React.createClass({
           weekCount === 6 ? 324 : 244,
         float: isLandscape ? 'right' : 'none',
       },
-      dateDisplay: {
+      datedisplay: {
         width: isLandscape ? 120 : '',
         height: isLandscape ?
           weekCount === 5 ? 238 :
diff --git a/src/date-picker/date-display.jsx b/src/date-picker/date-display.jsx
@@ -92,7 +92,7 @@ const DateDisplay = React.createClass({
 
       monthDay: {
         root: {
-          display: 'inline-block',
+          //display: 'inline-block',
           fontSize: 36,
           fontWeight: '400',
           lineHeight: '36px',
diff --git a/src/date-picker/date-picker-inline.jsx b/src/date-picker/date-picker-inline.jsx
@@ -40,7 +40,7 @@ const DatePickerInline = React.createClass({
         //zIndex: 3,
         width: '100%',
         position: 'relative',
-        display: 'block',
+        //display: 'block',
       },
       subContainer: {
         position: 'absolute',
diff --git a/src/date-picker/year-button.jsx b/src/date-picker/year-button.jsx
@@ -72,7 +72,7 @@ const YearButton = React.createClass({
         boxSizing: 'border-box',
         WebkitTapHighlightColor: 'rgba(0,0,0,0)',
         position: 'relative',
-        display: 'block',
+        //display: 'block',
         margin: '0 auto',
         width: 36,
         fontSize: 14,
diff --git a/src/drop-down-icon.jsx b/src/drop-down-icon.jsx
@@ -77,7 +77,7 @@ const DropDownIcon = React.createClass({
     let iconWidth = 48;
     let styles = StyleSheet.create({
       root: {
-        display: 'inline-block',
+        //display: 'inline-block',
         width: iconWidth + 'px !important',
         position: 'relative',
         height: spacing.desktopToolbarHeight,
diff --git a/src/drop-down-menu.jsx b/src/drop-down-menu.jsx
@@ -102,7 +102,7 @@ const DropDownMenu = React.createClass({
       root: {
         transition: Transitions.easeOut(),
         position: 'relative',
-        display: 'inline-block',
+        //display: 'inline-block',
         height: spacing.desktopSubheaderHeight,
         fontSize: spacing.desktopDropDownMenuFontSize,
         outline: 'none',
diff --git a/src/enhanced-button.jsx b/src/enhanced-button.jsx
@@ -159,7 +159,7 @@ const EnhancedButton = React.createClass({
       border: 10,
       background: 'none',
       boxSizing: 'border-box',
-      display: 'inline-block',
+      //display: 'inline-block',
       font: 'inherit',
       fontFamily: this.state.muiTheme.rawTheme.fontFamily,
       tapHighlightColor: Colors.transparent,
diff --git a/src/enhanced-switch.jsx b/src/enhanced-switch.jsx
@@ -141,7 +141,7 @@ const EnhancedSwitch = React.createClass({
         position: 'relative',
         cursor: this.props.disabled ? 'default' : 'pointer',
         overflow: 'visible',
-        display: 'table',
+        //display: 'table',
         height: 'auto',
         width: '100%',
       },
@@ -165,7 +165,7 @@ const EnhancedSwitch = React.createClass({
       label: {
         float: 'left',
         position: 'relative',
-        display: 'block',
+        //display: 'block',
         width: labelWidth,
         lineHeight: '24px',
         color: this.getTheme().textColor,
@@ -174,7 +174,7 @@ const EnhancedSwitch = React.createClass({
         transition: Transitions.easeOut(),
         float: 'left',
         position: 'relative',
-        display: 'block',
+        //display: 'block',
         width: switchWidth,
         marginRight: (this.props.labelPosition === 'right') ?
           spacing.desktopGutterLess : 0,
diff --git a/src/floating-action-button.jsx b/src/floating-action-button.jsx
@@ -119,7 +119,7 @@ const FloatingActionButton = React.createClass({
     let styles = StyleSheet.create({
       root: {
         transition: Transitions.easeOut(),
-        display: 'inline-block',
+        //display: 'inline-block',
       },
       container: {
         transition: Transitions.easeOut(),
diff --git a/src/font-icon.jsx b/src/font-icon.jsx
@@ -68,7 +68,7 @@ const FontIcon = React.createClass({
     let mergedStyles = this.prepareStyles({
       position: 'relative',
       fontSize: spacing.iconSize,
-      display: 'inline-block',
+      //display: 'inline-block',
       userSelect: 'none',
       transition: Transitions.easeOut(),
     }, style, {
diff --git a/src/grid-list/grid-list.jsx b/src/grid-list/grid-list.jsx
@@ -57,7 +57,7 @@ const GridList = React.createClass({
   getStyles() {
     return {
       root: {
-        display: 'flex',
+        //display: 'flex',
         flexWrap: 'wrap',
         margin: -this.props.padding / 2,
       },
diff --git a/src/grid-list/grid-tile.jsx b/src/grid-list/grid-tile.jsx
@@ -78,7 +78,7 @@ const GridTile = React.createClass({
     let styles = StyleSheet.create({
       root: {
         position: 'relative',
-        display: 'block',
+        //display: 'block',
         height: '100%',
         overflow: 'hidden',
       },
@@ -89,7 +89,7 @@ const GridTile = React.createClass({
         [this.props.titlePosition]: 0,
         height: this.props.subtitle ? 68 : 48,
         background: this.props.titleBackground,
-        display: 'flex',
+        //display: 'flex',
         alignItems: 'center',
       },
       titleWrap: {
diff --git a/src/ink-bar.jsx b/src/ink-bar.jsx
@@ -61,7 +61,7 @@ const InkBar = React.createClass({
       left: left,
       width: width,
       bottom: 0,
-      display: 'block',
+      //display: 'block',
       backgroundColor: this.state.muiTheme.inkBar.backgroundColor,
       height: 2,
       marginTop: -2,
diff --git a/src/left-nav.jsx b/src/left-nav.jsx
@@ -184,7 +184,7 @@ const LeftNav = React.createClass({
     });
 
     styles.menuItemLink = this.mergeStyles(styles.menuItem, {
-      display: 'block',
+      //display: 'block',
       textDecoration: 'none',
       color: this.getThemePalette().textColor,
     });
diff --git a/src/linear-progress.jsx b/src/linear-progress.jsx
@@ -123,7 +123,7 @@ const LinearProgress = React.createClass({
       root: {
         position: 'relative',
         height: 4,
-        display: 'block',
+        //display: 'block',
         width: '100%',
         backgroundColor: this.getTheme().primary3Color,
         borderRadius: 2,
diff --git a/src/lists/list-item.jsx b/src/lists/list-item.jsx
@@ -143,7 +143,7 @@ const ListItem = React.createClass({
           !this.state.rightIconButtonHovered &&
           !this.state.rightIconButtonKeyboardFocused ? hoverColor : null,
         color: textColor,
-        display: 'block',
+        //display: 'block',
         fontSize: 16,
         lineHeight: '16px',
         position: 'relative',
@@ -163,7 +163,7 @@ const ListItem = React.createClass({
       icons: {
         height: 24,
         width: 24,
-        display: 'block',
+        //display: 'block',
         position: 'absolute',
         top: twoLine ? 12 : singleAvatar ? 4 : 0,
         padding: 12,
@@ -200,7 +200,7 @@ const ListItem = React.createClass({
 
       leftCheckbox: {
         position: 'absolute',
-        display: 'block',
+        //display: 'block',
         width: 24,
         top: twoLine ? 24 : singleAvatar ? 16 : 12,
         left: 16,
@@ -211,14 +211,14 @@ const ListItem = React.createClass({
 
       rightIconButton: {
         position: 'absolute',
-        display: 'block',
+        //display: 'block',
         top: twoLine ? 12 : singleAvatar ? 4 : 0,
         right: 4,
       },
 
       rightToggle: {
         position: 'absolute',
-        display: 'block',
+        //display: 'block',
         width: 54,
         top: twoLine ? 25 : singleAvatar ? 17 : 13,
         right: 8,
@@ -236,7 +236,7 @@ const ListItem = React.createClass({
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: threeLine ? null : 'nowrap',
-        display: threeLine ? '-webkit-box' : null,
+        //display: threeLine ? '-webkit-box' : null,
         WebkitLineClamp: threeLine ? 2 : null,
         WebkitBoxOrient: threeLine ? 'vertical' : null,
       },
diff --git a/src/lists/nested-list.jsx b/src/lists/nested-list.jsx
@@ -1,5 +1,4 @@
 import React from 'react-native';
-import ImmutabilityHelper from '../utils/immutability-helper';
 import List from './list';
 
 
@@ -22,19 +21,12 @@ const NestedList = React.createClass({
 
     const {
       children,
-      open,
       nestedLevel,
       style,
     } = this.props;
 
-    const styles = {
-      root: {
-        display: open ? null : 'none',
-      },
-    };
-
     return (
-      <List style={ImmutabilityHelper.merge(styles.root, style)}>
+      <List style={style}>
         {
           React.Children.map(children, (child) => {
             return React.isValidElement(child) ? (
diff --git a/src/menu/link-menu-item.jsx b/src/menu/link-menu-item.jsx
@@ -63,7 +63,7 @@ const LinkMenuItem = React.createClass({
       root: {
         userSelect: 'none',
         cursor: 'pointer',
-        display: 'block',
+        //display: 'block',
         lineHeight: this.getTheme().height + 'px',
         paddingLeft: this.getTheme().padding,
         paddingRight: this.getTheme().padding,
diff --git a/src/menu/menu-item.jsx b/src/menu/menu-item.jsx
@@ -133,7 +133,7 @@ const MenuItem = React.createClass({
         [marginRight]: this.getSpacing().desktopGutter,
       },
       data: {
-        display: 'block',
+        //display: 'block',
         [paddingLeft]: this.getSpacing().desktopGutter * 2,
         lineHeight: this.getTheme().dataHeight + 'px',
         height: this.getTheme().dataHeight + 'px',
diff --git a/src/menus/icon-menu.jsx b/src/menus/icon-menu.jsx
@@ -116,7 +116,7 @@ const IconMenu = React.createClass({
 
     let styles = StyleSheet.create({
       root: {
-        display: 'inline-block',
+        //display: 'inline-block',
         position: 'relative',
       },
 
diff --git a/src/menus/menu.jsx b/src/menus/menu.jsx
@@ -164,7 +164,7 @@ const Menu = React.createClass({
       },
 
       list: {
-        display: 'table-cell',
+        //display: 'table-cell',
         paddingBottom: desktop ? 16 : 8,
         paddingTop: desktop ? 16 : 8,
         userSelect: 'none',
diff --git a/src/raised-button.jsx b/src/raised-button.jsx
@@ -128,7 +128,7 @@ const RaisedButton = React.createClass({
     let amount = (this.props.primary || this.props.secondary) ? 0.4 : 0.08;
     let styles = StyleSheet.create({
       root: {
-        display: 'inline-block',
+        //display: 'inline-block',
         minWidth: this.props.fullWidth ? '100%' : this.getThemeButton().minWidth,
         height: this.getThemeButton().height,
         transition: Transitions.easeOut(),
diff --git a/src/snackbar.jsx b/src/snackbar.jsx
@@ -168,7 +168,7 @@ const Snackbar = React.createClass({
       root: {
         position: 'fixed',
         left: 0,
-        display: 'flex',
+        //display: 'flex',
         right: 0,
         bottom: 0,
         //zIndex: 10,
diff --git a/src/tabs/tab.jsx b/src/tabs/tab.jsx
diff --git a/src/tabs/tabs.jsx b/src/tabs/tabs.jsx
diff --git a/src/text-field.jsx b/src/text-field.jsx
diff --git a/src/time-picker/clock-number.jsx b/src/time-picker/clock-number.jsx
diff --git a/src/toolbar/toolbar-group.jsx b/src/toolbar/toolbar-group.jsx
diff --git a/src/toolbar/toolbar-separator.jsx b/src/toolbar/toolbar-separator.jsx
diff --git a/src/toolbar/toolbar-title.jsx b/src/toolbar/toolbar-title.jsx
