From: jdlrobson <jdlrobson@gmail.com>
Date: Mon, 18 Aug 2014 20:48:57 +0000 (-0700)
Subject: Remove red outline from invalid inputs
X-Git-Tag: 1.31.0-rc.0~14376^2
X-Git-Url: https://git.cyclocoop.org/%27.%24link.%27?a=commitdiff_plain;h=c569e90e0e50d508537edcb701617cc84257ae4c;p=lhc%2Fweb%2Fwiklou.git

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 6996ab8710..0a50e107ab 100644
--- 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 {