Browse Source

improve input focus style

pull/20/head
afc163 10 years ago
parent
commit
2decda160c
  1. 4
      style/components/datepicker/Picker.less
  2. 3
      style/mixins/input.less
  3. 2
      style/themes/default/custom.less

4
style/components/datepicker/Picker.less

@ -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

@ -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

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

Loading…
Cancel
Save