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

improve input focus style

Browse Source
This commit is contained in:
afc163 2015-06-12 18:37:03 +08:00
parent b9b6cd33d0
commit 2decda160c
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
style/components/datepicker/Picker.less
View File

@ -17,6 +17,7 @@
position: absolute;
-webkit-user-select: none;
user-select: none;
.transition(all .3s @ease-in-out);
&:after {
position: relative;
left: -22px;
@ -36,4 +37,7 @@
border-color: #23c0fa;
box-shadow: 0 0 3px #23c0fa;
}
&-open &-icon:after {
color: @primary-color;
}
}

3
style/mixins/input.less
View File

@ -10,6 +10,7 @@
line-height: 1.5;
-webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
.transition(all .3s @ease-in-out);
&:hover {
border-color: #23c0fa;
@ -75,4 +76,4 @@
padding: @input-padding-vertical-sm @input-padding-horizontal;
font-size: @input-font-size-sm;
}
}
}

2
style/themes/default/custom.less
View File

@ -141,4 +141,4 @@
@input-hover-border-color : #23c0fa;
@input-focus-border-color : #2db7f5;
@input-disabled-bg : #f3f5f7;
@input-disabled-bg : #f3f5f7;