Remove red outline from invalid inputs

This is currently an issue in Flow which uses the required attributes
on certain mw-ui-inputs.

Change-Id: I9f1df52c282c5e156c53a573660b35a978762cc2

diff --git a/resources/src/mediawiki.ui/components/inputs.less b/resources/src/mediawiki.ui/components/inputs.less
index 6996ab8..0a50e10 100644 (file)
--- a/resources/src/mediawiki.ui/components/inputs.less
+++ b/resources/src/mediawiki.ui/components/inputs.less
@@ -62,6 +62,13 @@
                // Remove focus glow on input[type="search"]
                outline: 0;
        }
+
+       // Remove red outline from inputs which have required field and invalid content.
+       // This is a Firefox only issue
+       // See https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid
+       &:invalid {
+               box-shadow: none;
+       }
 }
 
 textarea.mw-ui-input {