From: Prateek Saxena <prtksxna@gmail.com>
Date: Tue, 23 Sep 2014 23:30:57 +0000 (-0700)
Subject: buttons: Update focus for quiet buttons
X-Git-Tag: 1.31.0-rc.0~13695^2~1
X-Git-Url: https://git.cyclocoop.org/%27.WWW_URL.%27admin/?a=commitdiff_plain;h=778ecee16fe38c27c4e313a5bea9c65f6bb65a53;p=lhc%2Fweb%2Fwiklou.git

buttons: Update focus for quiet buttons

Bug: 62924
Change-Id: Ide6174c5da3a04b8e6c4370fbc191783e976f6ee
---

diff --git a/resources/src/mediawiki.less/mediawiki.ui/mixins.less b/resources/src/mediawiki.less/mediawiki.ui/mixins.less
index d3220cc06b..17fcc60bb0 100644
--- a/resources/src/mediawiki.less/mediawiki.ui/mixins.less
+++ b/resources/src/mediawiki.less/mediawiki.ui/mixins.less
@@ -44,8 +44,8 @@
 
 	&:focus {
 		box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 20%);
-//		box-shadow: 0 1px rgba(0, 0, 0, 10%), inset 0 -3px rgba(0, 0, 0, 20%);
 		outline: none;
+
 		// remove outline in Firefox
 		&::-moz-focus-inner {
 			border-color: transparent;
@@ -107,13 +107,23 @@
 	// constructive/progressive/destructive color on hover and active.
 	color: @colorButtonText;
 
-	&:hover,
-	&:focus {
+	&:hover {
 		// lessphp doesn't implement tint, see above
 		// color: tint(@textColor, 20%);
 		color: mix(#fff, @textColor, 20%);
 	}
 
+	&:focus {
+		box-shadow:inset 0px 0px 0px 3px rgba(0, 0, 0, 20%);
+		outline: none;
+
+		// remove outline in Firefox
+		&::-moz-focus-inner {
+			border-color: transparent;
+		}
+
+	}
+
 	&:active,
 	&.mw-ui-checked {
 		// lessphp doesn't implement shade, see above