Fix clearable padding style

Adjust padding-right because prevent text from overlapping `×` button.
sevenval · Jul 11, 2017 · 2fd6e91 · 2fd6e91
1 parent 6c0ee59
commit 2fd6e91
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/less/control.less b/less/control.less
@@ -118,6 +118,10 @@
 	white-space: nowrap;
 }
 
+.has-value.is-clearable.Select--single > .Select-control .Select-value {
+	padding-right: (@select-clear-width + @select-arrow-width * 5);
+}
+
 .has-value.Select--single > .Select-control .Select-value,
 .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value {
 	.Select-value-label {

diff --git a/scss/control.scss b/scss/control.scss
@@ -106,6 +106,10 @@
 	white-space: nowrap;
 }
 
+.has-value.is-clearable.Select--single > .Select-control .Select-value {
+	padding-right: ($select-clear-width + $select-arrow-width * 5);
+}
+
 .has-value.Select--single > .Select-control .Select-value,
 .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value {
 	.Select-value-label {