Merge pull request #443 from jdkahn/tag/441

fix(Tag): close button not showing in select when text too long

Author: youluna

src/tag/main.scss

@@ -121,6 +121,18 @@
     &tag-closable {
         position: relative;
 
+        &.#{$css-prefix}tag-large > .#{$css-prefix}tag-body {
+            max-width: calc(100% - #{$tag-size-l-height});
+        }
+
+        &.#{$css-prefix}tag-medium > .#{$css-prefix}tag-body {
+            max-width: calc(100% - #{$tag-size-m-height});
+        }
+
+        &.#{$css-prefix}tag-small > .#{$css-prefix}tag-body {
+            max-width: calc(100% - #{$tag-size-s-height});
+        }
+
         > .#{$css-prefix}tag-close-btn {
             display: inline-block;
             vertical-align: middle;

src/tag/scss/mixin.scss

@@ -20,7 +20,7 @@
     line-height: $height - $borderWidth * 2;
     font-size: 0;
 
-    $_marginLeft: $height / 4 - 1px;
+    $_marginLeft: $iconSize;
 
     > .#{$css-prefix}tag-body {
         font-size: $fontSize;