Merge pull request #837 from prymitive/break-word-errors

fix(ui): break words on upstream error messages to avoid overflow
This commit is contained in:
Łukasz Mierzwa
2019-07-19 06:50:23 +01:00
committed by GitHub
2 changed files with 2 additions and 2 deletions

View File

@@ -5,7 +5,7 @@ exports[`<UpstreamError /> matches snapshot 1`] = `
<div class=\\"alert alert-danger text-center m-1\\"
role=\\"alert\\"
>
<h4 class=\\"alert-heading mb-0\\">
<h4 class=\\"alert-heading mb-0 text-wrap text-break\\">
Alertmanager
<span class=\\"font-weight-bold\\">
foo

View File

@@ -11,7 +11,7 @@ class UpstreamError extends Component {
const { name, message } = this.props;
return (
<div className="alert alert-danger text-center m-1" role="alert">
<h4 className="alert-heading mb-0">
<h4 className="alert-heading mb-0 text-wrap text-break">
Alertmanager <span className="font-weight-bold">{name}</span> raised
an error: {message}
</h4>