Merge pull request #976 from Budibase/Fix-Text-overlap-in-data-table-#961

Fix: Text overlap in data table #961
2021-01-25 18:19:41 +00:00 · 2021-01-25 18:19:41 +00:00 · 58f369bf0a
parent d4bf78187d 078d8c07bb
commit 58f369bf0a
1 changed files with 9 additions and 0 deletions
--- a/packages/builder/src/components/backend/DataTable/TableHeader/TableHeader.svelte
+++ b/packages/builder/src/components/backend/DataTable/TableHeader/TableHeader.svelte
@ -103,6 +103,15 @@
    opacity: 1;
  }

+  .column-header-name {
+    white-space: normal !important;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+  }
+
  .sort-icon {
    position: relative;
    top: 2px;