mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 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;
}
&-clear {
opacity: 0;
pointer-events: none;
z-index: 1;
&-clear,
&-icon {
position: absolute;
right: 7px;
background: @input-bg;
top: 50%;
font-size: @font-size-base;
color: @disabled-color;
width: 14px;
height: 14px;
right: 8px;
top: 50%;
margin-top: -7px;
line-height: 1em;
font-size: @font-size-base;
transition: all .3s;
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 {
color: @text-color-secondary;
}
@ -69,16 +75,7 @@
}
&-icon {
position: absolute;
user-select: none;
transition: all .3s;
width: 1em;
height: 1em;
line-height: 1em;
right: 8px;
color: @text-color-secondary;
top: 50%;
margin-top: -0.5em;
&:after {
content: "\e6bb";
font-family: "anticon";