mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 Packages Projects Releases Wiki Activity

Make -clear and -icon styles consistent at different input sizes

Browse Source
This commit is contained in:
Graeme Yeates 2017-06-28 15:09:50 -04:00
parent c79557b810
commit 974f544713
1 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
components/date-picker/style/Picker.less
View File

@ -43,21 +43,27 @@
border-color: @primary-color; border-color: @primary-color;
} }
&-clear { &-clear,
opacity: 0; &-icon {
pointer-events: none;
z-index: 1;
position: absolute; position: absolute;
right: 7px;
background: @input-bg;
top: 50%;
font-size: @font-size-base;
color: @disabled-color;
width: 14px; width: 14px;
height: 14px; height: 14px;
right: 8px;
top: 50%;
margin-top: -7px; margin-top: -7px;
line-height: 1em;
font-size: @font-size-base;
transition: all .3s;
cursor: pointer; cursor: pointer;
transition: color 0.3s, opacity 0.3s; user-select: none;
}
&-clear {
opacity: 0;
z-index: 1;
color: @disabled-color;
background: @input-bg;
pointer-events: none;
&:hover { &:hover {
color: @text-color-secondary; color: @text-color-secondary;
} }
@ -69,16 +75,7 @@
} }
&-icon { &-icon {
position: absolute;
user-select: none;
transition: all .3s;
width: 1em;
height: 1em;
line-height: 1em;
right: 8px;
color: @text-color-secondary; color: @text-color-secondary;
top: 50%;
margin-top: -0.5em;
&:after { &:after {
content: "\e6bb"; content: "\e6bb";
font-family: "anticon"; font-family: "anticon";