From 239965b22ab5343c60096e4e7981f4b213e82143 Mon Sep 17 00:00:00 2001 From: Prtksxna Date: Fri, 3 Oct 2014 21:18:56 +0000 Subject: [PATCH] Revert "buttons: Update focus state" This reverts commit 3f4c39e6a945d95c6b47aa1f81dad73d1aad0fc6. 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: Ib2428490efa9d7b1d3c3c9ae3a674dcae6317e13 --- resources/src/mediawiki.less/mediawiki.ui/mixins.less | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/resources/src/mediawiki.less/mediawiki.ui/mixins.less b/resources/src/mediawiki.less/mediawiki.ui/mixins.less index d3220cc06b..ec9888f27e 100644 --- a/resources/src/mediawiki.less/mediawiki.ui/mixins.less +++ b/resources/src/mediawiki.less/mediawiki.ui/mixins.less @@ -36,21 +36,16 @@ .button-colors(@bgColor) { background: @bgColor; - &:hover { + &:hover, + &:focus { // 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 { - 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; } - } &:active, -- 2.20.1