[incubator-superset] branch master updated: fix: long labels now truncate with ellipsis (#11400)

[ta...@apache.org]

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

tai 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 d64260f  fix: long labels now truncate with ellipsis (#11400)
d64260f is described below

commit d64260fc0e080e5d6db55399a69df2adbd7c02e6
Author: Evan Rusackas <ev...@preset.io>
AuthorDate: Thu Oct 22 18:35:37 2020 -0700

    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 4768667..e87451f 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;