From 2372a934f6d11b8a784174ea4e2ef9ee81ba4756 Mon Sep 17 00:00:00 2001 From: Prtksxna Date: Fri, 3 Oct 2014 21:18:20 +0000 Subject: [PATCH] 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 --- .../src/mediawiki.less/mediawiki.ui/mixins.less | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) 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 -- 2.20.1