Browse Source

fix: Select tags caret position (#29561)

close #29559
pull/29574/head
afc163 4 years ago
committed by GitHub
parent
commit
3fa2b48667
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 7
      components/select/style/multiple.less
  2. 21
      components/select/style/rtl.less

7
components/select/style/multiple.less

@ -204,10 +204,9 @@
.@{select-prefix-cls}-selection-placeholder {
left: @input-padding-horizontal-sm;
}
// https://github.com/ant-design/ant-design/issues/22906
.@{select-prefix-cls}-selection-search:first-child
.@{select-prefix-cls}-selection-search-input {
margin-left: 3px;
// https://github.com/ant-design/ant-design/issues/29559
.@{select-prefix-cls}-selection-search {
margin-inline-start: 3px;
}
}
&.@{select-prefix-cls}-lg {

21
components/select/style/rtl.less

@ -86,13 +86,6 @@
left: auto;
}
}
&:first-child > .@{select-prefix-cls}-selection-search-input {
.@{select-prefix-cls}-rtl& {
margin-right: 5px !important;
margin-left: 0 !important;
}
}
}
// ======================= Placeholder =======================
@ -149,18 +142,6 @@
}
}
// ========================== Input ==========================
// We only change the style of non-customize input which is only support by `combobox` mode.
// Not customize
&:not(.@{select-prefix-cls}-customize-input) {
.@{select-prefix-cls}-selector {
.@{select-prefix-cls}-rtl& {
padding: 0 @input-padding-horizontal-base;
}
}
}
// ============================================================
// == Size ==
// ============================================================
@ -171,7 +152,7 @@
// With arrow should provides `padding-right` to show the arrow
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
.@{select-prefix-cls}-rtl& {
right: 0;
right: @input-padding-horizontal-sm - 1px;
}
}

Loading…
Cancel
Save