Browse Source

ux(): minor tweak to validation state

Torkel Ödegaard 9 years ago
parent
commit
1049824014
2 changed files with 3 additions and 17 deletions
  1. 0 15
      public/sass/base/_forms.scss
  2. 3 2
      public/sass/utils/_validation.scss

+ 0 - 15
public/sass/base/_forms.scss

@@ -143,21 +143,6 @@ input[type="checkbox"][readonly] {
   background-color: transparent;
   background-color: transparent;
 }
 }
 
 
-
-// HTML5 invalid states
-// Shares styles with the .control-group.error above
-input:focus:invalid,
-textarea:focus:invalid,
-select:focus:invalid {
-  color: #b94a48;
-  border-color: #ee5f5b;
-  &:focus {
-    border-color: darken(#ee5f5b, 10%);
-    $shadow: 0 0 6px lighten(#ee5f5b, 20%);
-    @include box-shadow($shadow);
-  }
-}
-
 input[type=text].input-fluid {
 input[type=text].input-fluid {
   width: 100%;
   width: 100%;
   box-sizing: border-box;
   box-sizing: border-box;

+ 3 - 2
public/sass/utils/_validation.scss

@@ -1,7 +1,8 @@
 input[type=text].ng-dirty.ng-invalid {
 input[type=text].ng-dirty.ng-invalid {
-  box-shadow: inset 0 0px 7px $red;
 }
 }
 
 
 input.ng-dirty.ng-invalid {
 input.ng-dirty.ng-invalid {
-  color: $errorText;
+  box-shadow: inset 0 0px 5px $red;
 }
 }
+
+