From: Prtksxna <psaxena@wikimedia.org>
Date: Fri, 3 Oct 2014 21:18:20 +0000 (+0000)
Subject: Revert "buttons: Update focus for quiet buttons"
X-Git-Tag: 1.31.0-rc.0~13695^2
X-Git-Url: http://git.cyclocoop.org/%22.%20generer_url_ecrire%28%22sites_tous%22%2C%22%22%29.%20%22?a=commitdiff_plain;h=2372a934f6d11b8a784174ea4e2ef9ee81ba4756;p=lhc%2Fweb%2Fwiklou.git

Revert "buttons: Update focus for quiet buttons"

This reverts commit 778ecee16fe38c27c4e313a5bea9c65f6bb65a53.

The implementation of the new design specification
is imperfect. Zooming into the element shows that
the borders aren't equal on all sides and there is
a different colored border on the top and bottom.

Change-Id: Ic8c40498abe9201bdf4e740737467d2d88211442
---

diff --git a/resources/src/mediawiki.less/mediawiki.ui/mixins.less b/resources/src/mediawiki.less/mediawiki.ui/mixins.less
index 17fcc60bb0..d3220cc06b 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,23 +107,13 @@
 	// constructive/progressive/destructive color on hover and active.
 	color: @colorButtonText;
 
-	&:hover {
+	&:hover,
+	&:focus {
 		// 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