From 778ecee16fe38c27c4e313a5bea9c65f6bb65a53 Mon Sep 17 00:00:00 2001 From: Prateek Saxena Date: Tue, 23 Sep 2014 16:30:57 -0700 Subject: [PATCH] buttons: Update focus for quiet buttons Bug: 62924 Change-Id: Ide6174c5da3a04b8e6c4370fbc191783e976f6ee --- .../src/mediawiki.less/mediawiki.ui/mixins.less | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/resources/src/mediawiki.less/mediawiki.ui/mixins.less b/resources/src/mediawiki.less/mediawiki.ui/mixins.less index d3220cc06b..17fcc60bb0 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,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 -- 2.20.1