[RaisedButton] Add explicit height property to overlay, fixes mui#3815

echenley · Apr 19, 2016 · ceda73d · ceda73d
1 parent f34ddf0
commit ceda73d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/RaisedButton/RaisedButton.js b/src/RaisedButton/RaisedButton.js
@@ -54,14 +54,17 @@ function getStyles(props, context, state) {
     }
   }
 
+  const buttonHeight = style && style.height || `${button.height}px`;
+
   return {
     root: {
       display: 'inline-block',
       minWidth: fullWidth ? '100%' : button.minWidth,
-      height: button.height,
+      height: buttonHeight,
       transition: transitions.easeOut(),
     },
     container: {
+      lineHeight: buttonHeight,
       position: 'relative',
       height: '100%',
       width: '100%',
@@ -85,16 +88,15 @@ function getStyles(props, context, state) {
       userSelect: 'none',
       paddingLeft: icon && labelPosition !== 'before' ? 8 : baseTheme.spacing.desktopGutterLess,
       paddingRight: icon && labelPosition === 'before' ? 8 : baseTheme.spacing.desktopGutterLess,
-      lineHeight: style && style.height || `${button.height}px`,
       color: labelColor,
     },
     icon: {
-      lineHeight: style && style.height || `${button.height}px`,
       verticalAlign: 'middle',
       marginLeft: label && labelPosition !== 'before' ? 12 : 0,
       marginRight: label && labelPosition === 'before' ? 12 : 0,
     },
     overlay: {
+      height: buttonHeight,
       backgroundColor: (state.keyboardFocused || state.hovered) && !disabled &&
         fade(labelColor, amount),
       transition: transitions.easeOut(),