[RaisedButton] cannot resize width after updating from 14.4 to 15.0 (correction from previous issue)

[rob2d]

Problem description

Cannot restyle RaisedButton width/maxWidth CSS attribute in "style" property within RaisedButtons after upgrading to MUI v.0.15.0. Tried looking into code to find source that would trigger it in changes after 14.4, but not familiar enough.

Steps to reproduce

Create a RaisedButton, give style width property of anything, observe that new container is created and button component still contains 88px widths.

Versions

• Material-UI: 0.15.0
• React: 15.0.2
• Browser: Chrome v 50.0.2661.102 m

[mbrookes]

Working here. Tested in HEAD and v0.15.0:

import React from 'react';
import RaisedButton from 'material-ui/RaisedButton';

const style = {
  margin: 12,
  width: 200,
};

const RaisedButtonExampleSimple = () => (
  <div>
    <RaisedButton label="Default" style={style} />
    <RaisedButton label="Primary" primary={true} style={style} />
    <RaisedButton label="Secondary" secondary={true} style={style} />
    <RaisedButton label="Disabled" disabled={true} style={style} />
  </div>
);

export default RaisedButtonExampleSimple;

[rob2d]

These are making the width longer, but not shorter. If the minimum width is adjusted, it still defaults to 88px.

[mbrookes]

Okay, you probably needed to be more specific then:

Create a RaisedButton, give style width property of anything

[mbrookes]

Looks like minWidth moved (but not sure why) from the root element (Paper) where the style prop is also applied, allowing you to override it, to EnhancedButton, which is currently inaccessible for styling. #4256 addresses this in a roundabout kind of way.

[rob2d]

Yeah, sorry about that. I hadn't realized it was the minimum width property messing with that (as my only need is usually to make them smaller as I tend to have a lot of icon buttons in my project that look awkward, rather than larger).

[oliviertassinari]

We have added a buttonStyle property (#5196). You should be able to customize anything you want.