ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2024-11-27 01:02:14 +05:30
Code Issues Packages Projects Releases Wiki Activity

#50: do not highlight fields containing errors

Browse Source
This commit is contained in:
SleepWalker 2016-05-01 13:42:31 +03:00
parent 736122288c
commit 48a726567a
1 changed files with 40 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
src/components/ui/form.scss
View File

@ -213,46 +213,6 @@
@include checkbox-theme('blue', $blue);
@include checkbox-theme('red', $red);
/**
* Form validation
*/
.formTouched .textField:invalid {
box-shadow: none;
&,
~ .textFieldIcon {
border-color: #3e2727;
}
~ .textFieldIcon {
color: #3e2727;
}
&:hover {
&,
~ .textFieldIcon {
border-color: $red;
}
}
&:focus {
border-color: $red;
~ .textFieldIcon {
background: $red;
border-color: $red;
color: #fff;
}
}
}
.formTouched .checkboxInput:invalid {
~ .checkbox {
border-color: $red;
}
}
.isFormLoading {
// TODO: надо бы разнести from и input на отдельные модули,
// так как в текущем контексте isLoading немного не логичен,
@ -270,3 +230,43 @@
outline: none;
}
}
/**
* Form validation
*/
// Disable any visual error indication
// .formTouched .textField:invalid {
// box-shadow: none;
// &,
// ~ .textFieldIcon {
// border-color: #3e2727;
// }
// ~ .textFieldIcon {
// color: #3e2727;
// }
// &:hover {
// &,
// ~ .textFieldIcon {
// border-color: $red;
// }
// }
// &:focus {
// border-color: $red;
// ~ .textFieldIcon {
// background: $red;
// border-color: $red;
// color: #fff;
// }
// }
// }
// .formTouched .checkboxInput:invalid {
// ~ .checkbox {
// border-color: $red;
// }
// }