From 7b5bb7331dffa2542bf5f1268d0c56456f25624b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Atte=20Kein=C3=A4nen?= <atte.keinanen@gmail.com>
Date: Thu, 20 Apr 2017 15:06:47 -0700
Subject: [PATCH] Fix error title that doesn't wrap correctly
---
.../src/metabase/components/LoadingAndErrorWrapper.jsx | 2 +-
frontend/src/metabase/css/core/flex.css | 7 +++++++
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/frontend/src/metabase/components/LoadingAndErrorWrapper.jsx b/frontend/src/metabase/components/LoadingAndErrorWrapper.jsx
index a0fc95eae3c..c5fd86d101b 100644
--- a/frontend/src/metabase/components/LoadingAndErrorWrapper.jsx
+++ b/frontend/src/metabase/components/LoadingAndErrorWrapper.jsx
@@ -60,7 +60,7 @@ export default class LoadingAndErrorWrapper extends Component {
<div className={this.props.className} style={this.props.style}>
{ error ?
<div className={contentClassName}>
- <h2 className="text-normal text-grey-2">{this.getErrorMessage()}</h2>
+ <h2 className="text-normal text-grey-2 ie-wrap-content-fix">{this.getErrorMessage()}</h2>
</div>
: loading ?
<div className={contentClassName}>
diff --git a/frontend/src/metabase/css/core/flex.css b/frontend/src/metabase/css/core/flex.css
index 9a4514ac1f1..c31d92b0155 100644
--- a/frontend/src/metabase/css/core/flex.css
+++ b/frontend/src/metabase/css/core/flex.css
@@ -156,3 +156,10 @@
@media screen and (--breakpoint-min-md) {
.md-no-flex { flex: 0 !important; }
}
+
+/* Contents of elements inside flex items might not be wrapped correctly on IE11,
+ set max-width manually to enforce wrapping
+*/
+.ie-wrap-content-fix {
+ max-width: 100%;
+}
\ No newline at end of file
--
GitLab