fix: long labels now truncate with ellipsis (#11400)

apache · Oct 23, 2020 · d64260f · d64260f
1 parent 2f0c1a8
commit d64260f
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/superset-frontend/src/components/Label/index.tsx b/superset-frontend/src/components/Label/index.tsx
@@ -38,6 +38,10 @@ export interface LabelProps {
 const SupersetLabel = styled(BootstrapLabel)`
   /* un-bunch them! */
   margin-right: ${({ theme }) => theme.gridUnit}px;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 
   &:first-of-type {
     margin-left: 0;