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 d3220cc..17fcc60 100644 (file)
--- 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