Merge pull request JedWatson#1866 from mmiyauchi/fix-clearable-style

Fix clearable padding style
sevenval · Sep 12, 2017 · bd8fdd7 · bd8fdd7
2 parents 195964a + 2fd6e91
commit bd8fdd7
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 {