From: Prateek Saxena <prtksxna@gmail.com>
Date: Thu, 5 Mar 2015 08:27:24 +0000 (+0530)
Subject: mw.ui: button: Update focus state
X-Git-Tag: 1.31.0-rc.0~12144^2
X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/wiki/supprimer.php?a=commitdiff_plain;h=3efd6ef5fdd921b522fc3de2aedcad0d028a792a;p=lhc%2Fweb%2Fwiklou.git

mw.ui: button: Update focus state

The focus and hover states were the same. Updating it according to the
design specification - https://phabricator.wikimedia.org/M31

Bug: T88449
Change-Id: Ibdd5e1553174bfde82af3a23b746a3918b8f0416
---

diff --git a/resources/src/mediawiki.less/mediawiki.ui/mixins.less b/resources/src/mediawiki.less/mediawiki.ui/mixins.less
index 92d0a76977..2d68457204 100644
--- a/resources/src/mediawiki.less/mediawiki.ui/mixins.less
+++ b/resources/src/mediawiki.less/mediawiki.ui/mixins.less
@@ -36,11 +36,16 @@
 .button-colors(@bgColor) {
 	background: @bgColor;
 
-	&:hover,
-	&:focus {
+	&:hover {
 		// The inner bottom bevel should match the active background color.
 		box-shadow: 0 1px rgba(0, 0, 0, 10%), inset 0 -3px rgba(0, 0, 0, 20%);
 		border-bottom-color: mix(#000, @bgColor, 20%);
+	}
+
+	&:focus {
+		border-color: rgba(0,0,0,0.2);
+		box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
+
 		outline: none;
 		// remove outline in Firefox
 		&::-moz-focus-inner {