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;
  }