From cadb8782918a0fbda21f50079f4fe5c47ea95a4c Mon Sep 17 00:00:00 2001
From: Alexander Lesnenko <alxnddr@users.noreply.github.com>
Date: Tue, 21 Dec 2021 19:38:05 +0200
Subject: [PATCH] fix missing text wrapping (#19442)
---
.../datamodel/components/database/MetadataSchemaList.jsx | 2 +-
.../admin/datamodel/components/database/MetadataTableList.jsx | 4 ++--
frontend/src/metabase/css/core/text.css | 4 ++++
3 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/frontend/src/metabase/admin/datamodel/components/database/MetadataSchemaList.jsx b/frontend/src/metabase/admin/datamodel/components/database/MetadataSchemaList.jsx
index 406ea592c90..5d546b1c7d8 100644
--- a/frontend/src/metabase/admin/datamodel/components/database/MetadataSchemaList.jsx
+++ b/frontend/src/metabase/admin/datamodel/components/database/MetadataSchemaList.jsx
@@ -59,7 +59,7 @@ export default class MetadataSchemaList extends Component {
<li key={schema}>
<a
className={cx(
- "AdminList-item flex align-center no-decoration",
+ "AdminList-item flex align-center no-decoration text-wrap",
{
selected: selectedSchema && selectedSchema === schema,
},
diff --git a/frontend/src/metabase/admin/datamodel/components/database/MetadataTableList.jsx b/frontend/src/metabase/admin/datamodel/components/database/MetadataTableList.jsx
index 19fbd80db8e..162ba064505 100644
--- a/frontend/src/metabase/admin/datamodel/components/database/MetadataTableList.jsx
+++ b/frontend/src/metabase/admin/datamodel/components/database/MetadataTableList.jsx
@@ -71,7 +71,7 @@ export default class MetadataTableList extends Component {
if (queryableTables.length > 0) {
queryableTablesHeader = (
- <li className="AdminList-section">
+ <li className="AdminList-section flex justify-between align-center">
{(n =>
ngettext(msgid`${n} Queryable Table`, `${n} Queryable Tables`, n))(
queryableTables.length,
@@ -117,7 +117,7 @@ export default class MetadataTableList extends Component {
/>
</div>
{(this.props.onBack || this.props.schema) && (
- <h4 className="p2 border-bottom">
+ <h4 className="p2 border-bottom break-anywhere">
{this.props.onBack && (
<span
className="text-brand cursor-pointer"
diff --git a/frontend/src/metabase/css/core/text.css b/frontend/src/metabase/css/core/text.css
index 0e8d1259ff3..a04fae001cc 100644
--- a/frontend/src/metabase/css/core/text.css
+++ b/frontend/src/metabase/css/core/text.css
@@ -218,3 +218,7 @@
.text-measure {
max-width: 620px;
}
+
+.break-anywhere {
+ line-break: anywhere;
+}
--
GitLab