[incubator-superset] branch master updated: [list views] add work-break css for table layouts (#9537)

[rusackas]

This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-superset.git


The following commit(s) were added to refs/heads/master by this push:
     new 1ccda92  [list views] add work-break css for table layouts (#9537)
1ccda92 is described below

commit 1ccda920febae2fb7ea88ba82500b629b3d1d2e6
Author: ʈᵃᵢ <tdupree...@gmail.com>
AuthorDate: Tue Apr 14 22:04:24 2020 -0700

    [list views] add work-break css for table layouts (#9537)
---
 superset-frontend/src/components/ListView/ListViewStyles.less | 4 ++++
 superset-frontend/src/components/ListView/TableCollection.tsx | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/superset-frontend/src/components/ListView/ListViewStyles.less 
b/superset-frontend/src/components/ListView/ListViewStyles.less
index 20b2773..2a510c6 100644
--- a/superset-frontend/src/components/ListView/ListViewStyles.less
+++ b/superset-frontend/src/components/ListView/ListViewStyles.less
@@ -60,6 +60,10 @@
   .action-button {
     margin: 0 8px;
   }
+
+  .table-cell {
+    word-break: break-all;
+  }
 }
 
 @keyframes shimmer {
diff --git a/superset-frontend/src/components/ListView/TableCollection.tsx 
b/superset-frontend/src/components/ListView/TableCollection.tsx
index 126a057..863e655 100644
--- a/superset-frontend/src/components/ListView/TableCollection.tsx
+++ b/superset-frontend/src/components/ListView/TableCollection.tsx
@@ -85,7 +85,11 @@ export default function TableCollection({
                 const columnCellProps = cell.column.cellProps || {};
 
                 return (
-                  <td {...cell.getCellProps()} {...columnCellProps}>
+                  <td
+                    className="table-cell"
+                    {...cell.getCellProps()}
+                    {...columnCellProps}
+                  >
                     <span>{cell.render('Cell')}</span>
                   </td>
                 );