fix(list-box): apply ellipsis overflow text styles (#2203)

* fix(list-box): apply ellipsis overflow text styles * fix(list-box): remove extra grid column rule
carbon-design-system · Mar 26, 2019 · b799ee7 · b799ee7
1 parent 34ffcc6
commit b799ee7
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/list-box/_list-box.scss b/src/components/list-box/_list-box.scss
@@ -302,7 +302,7 @@ $list-box-menu-width: rem(300px);
   .#{$prefix}--list-box__wrapper--inline {
     display: inline-grid;
     align-items: center;
-    grid-template: auto auto / auto auto auto;
+    grid-template: auto auto / auto auto;
     grid-gap: rem(4px);
 
     .#{$prefix}--label {
@@ -490,6 +490,9 @@ $list-box-menu-width: rem(300px);
     cursor: pointer;
     outline: none;
     border-bottom: 1px solid $ui-04;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   .#{$prefix}--list-box--inline .#{$prefix}--list-box__field {