css: add red border around input fields with validation errors.

The .field_with_errors class is added by Simple Form to <input> fields with validation errors.
2021-02-22 00:13:53 -06:00
parent 1c1d784547
commit 40712fb726
2 changed files with 3 additions and 3 deletions
--- a/app/javascript/src/styles/common/simple_form.scss
+++ b/app/javascript/src/styles/common/simple_form.scss
@@ -44,7 +44,7 @@ form.simple_form {
      }
    }

-    input.validation-error {
+    &.field_with_errors input {
      border: 1px solid var(--form-input-validation-error-border-color);
    }