fix(chips): prevents styling issues caused by extremely long text

Closes #3523
angular · Jul 16, 2015 · e9b4de5 · e9b4de5
1 parent cc8130c
commit e9b4de5
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/chips/chips.scss b/src/components/chips/chips.scss
@@ -65,11 +65,16 @@ $contact-chip-name-width: rem(12) !default;
     margin: $chip-margin;
     padding: $chip-padding;
     float: left;
+    box-sizing: border-box;
+    max-width: 100%;
     .md-chip-content {
       display: block;
       padding-right:rem(0.4);
       float: left;
       white-space: nowrap;
+      max-width: calc(100% - 31px);
+      overflow: hidden;
+      text-overflow: ellipsis;
       &:focus {
         outline: none;
       }