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

Fix form controls focused error style

Browse Source
This commit is contained in:
afc163 2016-11-11 15:08:02 +08:00
parent d6288e5994
commit be9ed0388c
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/form/style/index.less
View File

@ -361,7 +361,10 @@ form {
.@{ant-prefix}-input-number, .@{ant-prefix}-input-number,
.@{ant-prefix}-time-picker-input { .@{ant-prefix}-time-picker-input {
border-color: @warning-color; border-color: @warning-color;
.active(@warning-color); &-focused,
&:focus {
.active(@warning-color);
}
&:not([disabled]):hover { &:not([disabled]):hover {
border-color: @warning-color; border-color: @warning-color;
} }
@ -405,6 +408,7 @@ form {
.@{ant-prefix}-input-number, .@{ant-prefix}-input-number,
.@{ant-prefix}-time-picker-input { .@{ant-prefix}-time-picker-input {
border-color: @error-color; border-color: @error-color;
&-focused,
&:focus { &:focus {
.active(@error-color); .active(@error-color);
} }
@ -412,17 +416,17 @@ form {
border-color: @error-color; border-color: @error-color;
} }
} }
.@{ant-prefix}-mention-wrapper, .@{ant-prefix}-mention-wrapper {
.@{ant-prefix}-mention-wrapper.active {
.@{ant-prefix}-mention-editor { .@{ant-prefix}-mention-editor {
border-color: @error-color; &,
.active(@error-color); &:not([disabled]):hover {
&:not([disabled]):hover,
&:not([disabled]):focus {
border-color: @error-color; border-color: @error-color;
.active(@error-color);
} }
} }
&.active .@{ant-prefix}-mention-editor,
.@{ant-prefix}-mention-editor:not([disabled]):focus {
.active(@error-color);
}
} }
} }