fix: padding right for select[size=small] (#20506)

* fix: padding right for select[size=small] * fix: add style on class with arrow icon
5 years ago · f022709f91
1 changed files with 13 additions and 0 deletions
--- a/components/select/style/single.less
+++ b/components/select/style/single.less
@ -104,4 +104,17 @@
      }
    }
  }
+
+  // With arrow should provides `padding-right` to show the arrow and the above style overrides this
+  &.@{select-prefix-cls}-show-arrow.@{select-prefix-cls}-sm {
+    &:not(.@{select-prefix-cls}-customize-input) {
+      .@{select-prefix-cls}-selector {
+        &,
+        .@{select-prefix-cls}-selection-item,
+        .@{select-prefix-cls}-selection-placeholder {
+          padding-right: @control-padding-horizontal + @font-size-sm;
+        }
+      }
+    }
+  }
 }