From 104982401448afe4b30acd92dfb64dc95eae0a9f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Thu, 3 Mar 2016 22:31:07 +0100 Subject: [PATCH] ux(): minor tweak to validation state --- public/sass/base/_forms.scss | 15 --------------- public/sass/utils/_validation.scss | 5 +++-- 2 files changed, 3 insertions(+), 17 deletions(-) diff --git a/public/sass/base/_forms.scss b/public/sass/base/_forms.scss index 25a95fafde8..4f1d0778e0b 100644 --- a/public/sass/base/_forms.scss +++ b/public/sass/base/_forms.scss @@ -143,21 +143,6 @@ input[type="checkbox"][readonly] { 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 { width: 100%; box-sizing: border-box; diff --git a/public/sass/utils/_validation.scss b/public/sass/utils/_validation.scss index b59b65f6a54..1145212707e 100644 --- a/public/sass/utils/_validation.scss +++ b/public/sass/utils/_validation.scss @@ -1,7 +1,8 @@ input[type=text].ng-dirty.ng-invalid { - box-shadow: inset 0 0px 7px $red; } input.ng-dirty.ng-invalid { - color: $errorText; + box-shadow: inset 0 0px 5px $red; } + +