From d64260fc0e080e5d6db55399a69df2adbd7c02e6 Mon Sep 17 00:00:00 2001 From: Evan Rusackas Date: Thu, 22 Oct 2020 18:35:37 -0700 Subject: [PATCH] fix: long labels now truncate with ellipsis (#11400) --- superset-frontend/src/components/Label/index.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/superset-frontend/src/components/Label/index.tsx b/superset-frontend/src/components/Label/index.tsx index 4768667aab481..e87451f8f5bfa 100644 --- 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;