fix(Tag): text overflow for custom height

chrainbow · May 27, 2019 · 5b52372 · 5b52372
1 parent 538e1d4
commit 5b52372
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 13 deletions.
diff --git a/src/tag/main.scss b/src/tag/main.scss
@@ -123,19 +123,6 @@
 
     &tag-closable {
         position: relative;
-
-        &.#{$css-prefix}tag-large > .#{$css-prefix}tag-body {
-            max-width: calc(100% - #{$tag-size-l-icon-font + $tag-size-l-padding-lr});
-        }
-
-        &.#{$css-prefix}tag-medium > .#{$css-prefix}tag-body {
-            max-width: calc(100% - #{$tag-size-m-icon-font + $tag-size-m-padding-lr});
-        }
-
-        &.#{$css-prefix}tag-small > .#{$css-prefix}tag-body {
-            max-width: calc(100% - #{$tag-size-s-icon-font + $tag-size-s-padding-lr});
-        }
-
         > .#{$css-prefix}tag-close-btn {
             display: inline-block;
             vertical-align: middle;

diff --git a/src/tag/scss/mixin.scss b/src/tag/scss/mixin.scss
@@ -31,6 +31,7 @@
 
     &.#{$css-prefix}tag-closable > .#{$css-prefix}tag-body {
         padding: 0 0 0 $paddingLr;
+        max-width: calc(100% - #{$_marginLeft + $iconSize + $paddingLr});
     }
     &[dir=rtl].#{$css-prefix}tag-closable > .#{$css-prefix}tag-body {
         padding: 0 $paddingLr 0 0;