Fix form validation flash message color and input borders (#9235)

* Fix form validation flash message color and input borders * Fix typo

Fix form validation flash message color and input borders (#9235)
* Fix form validation flash message color and input borders * Fix typo
4b2f2548 · Eugen Rochko · b3c29ece · 4b2f2548 · 4b2f2548
Commit 4b2f2548 authored 6 years ago by Eugen Rochko
Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 3 deletions
+6 -3
--- a/app/javascript/styles/mastodon/forms.scss
+++ b/app/javascript/styles/mastodon/forms.scss
@@ -330,9 +330,12 @@ code {
    }

    input[type=text],
+    input[type=number],
    input[type=email],
-    input[type=password] {
-      border-bottom-color: $valid-value-color;
+    input[type=password],
+    textarea,
+    select {
+      border-color: lighten($error-red, 12%);
    }

    .error {

--- a/app/views/shared/_error_messages.html.haml
+++ b/app/views/shared/_error_messages.html.haml
 - if object.errors.any?
-  .flash-message#error_explanation
+  .flash-message.alert#error_explanation
    %strong= t('generic.validation_errors', count: object.errors.count)