test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 12:09:14 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

fix: RangePicker clear btn position (#25458)

Browse Source
This commit is contained in:
二货机器人 2020-07-06 23:01:43 +08:00 committed by GitHub
parent 6f2aa5afb7
commit 6769a9baa9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/date-picker/style/index.less
View File

@ -61,6 +61,7 @@
&-input { &-input {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
align-items: center;
width: 100%; width: 100%;
> input { > input {
@ -109,7 +110,12 @@
align-self: center; align-self: center;
margin-left: @padding-xs / 2; margin-left: @padding-xs / 2;
color: @disabled-color; color: @disabled-color;
line-height: 1;
pointer-events: none; pointer-events: none;
> * {
vertical-align: top;
}
} }
&-clear { &-clear {
@ -117,12 +123,17 @@
top: 50%; top: 50%;
right: 0; right: 0;
color: @disabled-color; color: @disabled-color;
line-height: 1;
background: @component-background; background: @component-background;
transform: translateY(-50%); transform: translateY(-50%);
cursor: pointer; cursor: pointer;
opacity: 0; opacity: 0;
transition: opacity @animation-duration-slow, color @animation-duration-slow; transition: opacity @animation-duration-slow, color @animation-duration-slow;
> * {
vertical-align: top;
}
&:hover { &:hover {
color: @text-color-secondary; color: @text-color-secondary;
} }
@ -187,6 +198,12 @@
padding: 0 @padding-xs; padding: 0 @padding-xs;
line-height: 1; line-height: 1;
} }
&.@{picker-prefix-cls}-small {
.@{picker-prefix-cls}-clear {
right: @input-padding-horizontal-sm;
}
}
} }
// ======================= Dropdown ======================= // ======================= Dropdown =======================