[Snackbar] Button get lost with long text

[avocadowastaken]

Problem description

Here what it's look like:

How it should look:

Steps to reproduce

 <Snackbar
  action="Dismiss"
  onActionTouchTap={hideError}
  onRequestClose={hideError}
  open
  message={"Request has been terminated Possible causes: the network is offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc."}
/>

Steps to fix

In SnackbarBody put button element before span element.

Also in styles.content add

overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis'

Versions

• Material-UI: 0.15.2
• React: 15.2.0
• Browser: any

[aahan96]

@umidbekkarimov Closing this in lieu of #4294