mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-25 11:40:04 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

control focus shadow should be transparent

Browse Source
This commit is contained in:
afc163 2016-04-19 15:09:17 +08:00
parent cc4866bdec
commit 8fd09ac1b2
5 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
style/components/form.less
View File

@ -350,7 +350,7 @@ form {
.@{select-prefix-cls} {
&-selection {
border-color: @warning-color;
box-shadow: 0 0 0 2px tint(@warning-color, 80%);
box-shadow: 0 0 0 2px fade(@warning-color, 20%);
}
&-arrow {
color: @warning-color;
@ -370,7 +370,7 @@ form {
// ant-input-number
.@{input-number-prefix-cls} {
border-color: @warning-color;
box-shadow: 0 0 0 2px tint(@warning-color, 80%);
box-shadow: 0 0 0 2px fade(@warning-color, 20%);
&:not([disabled]):hover {
border-color: @warning-color;
}
@ -389,7 +389,7 @@ form {
.@{select-prefix-cls} {
&-selection {
border-color: @error-color;
box-shadow: 0 0 0 2px tint(@error-color, 80%);
box-shadow: 0 0 0 2px fade(@error-color, 20%);
}
&-arrow {
@ -414,7 +414,7 @@ form {
// ant-input-number
.@{input-number-prefix-cls} {
border-color: @error-color;
box-shadow: 0 0 0 2px tint(@error-color, 80%);
box-shadow: 0 0 0 2px fade(@error-color, 20%);
&:not([disabled]):hover {
border-color: @error-color;
}

3
style/components/slider.less
View File

@ -60,9 +60,8 @@
&-active {
&:active {
@color-rgba: rgba(red(@primary-color), green(@primary-color), blue(@primary-color), .2);
border-color: tint(@primary-color, 20%);
box-shadow: 0 0 0 2px @color-rgba;
box-shadow: 0 0 0 2px fade(@primary-color, 80%);
}
}
}

2
style/components/switch.less
View File

@ -38,7 +38,7 @@
}
&:focus {
box-shadow: 0 0 0 2px tint(@primary-color, 80%);
box-shadow: 0 0 0 2px fade(@primary-color, 20%);
outline: 0;
}

4
style/mixins/form.less
View File

@ -6,7 +6,7 @@
// 输入框的不同校验状态
.@{css-prefix}input {
border-color: @border-color;
box-shadow: 0 0 0 2px tint(@border-color, 80%);
box-shadow: 0 0 0 2px fade(@border-color, 20%);
&:not([disabled]):hover {
border-color: @border-color;
@ -14,7 +14,7 @@
}
.@{calendar-prefix-cls}-picker-open .@{calendar-prefix-cls}-picker-input {
box-shadow: 0 0 0 2px tint(@border-color, 80%);
box-shadow: 0 0 0 2px fade(@border-color, 20%);
}
.@{css-prefix}input-group-addon {

2
style/mixins/input.less
View File

@ -15,7 +15,7 @@
.active(@color: @input-hover-border-color) {
border-color: tint(@color, 20%);
outline: 0;
box-shadow: 0 0 0 2px tint(@color, 80%);
box-shadow: 0 0 0 2px fade(@color, 20%);
}
// == when hoverd