From 67db4584a1d83ace1e61e333c1c937caf4d0c386 Mon Sep 17 00:00:00 2001 From: Prateek Saxena Date: Tue, 21 Jul 2015 16:37:53 +0530 Subject: [PATCH] Update button focus and hover state according to spec Design spec at https://phabricator.wikimedia.org/M31 Change-Id: I270e2fcf863265a51ed62f790dff1ee9cf31a8b6 --- resources/src/mediawiki.less/mediawiki.ui/mixins.less | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/resources/src/mediawiki.less/mediawiki.ui/mixins.less b/resources/src/mediawiki.less/mediawiki.ui/mixins.less index 56b68117f5..16fd7ec3c8 100644 --- a/resources/src/mediawiki.less/mediawiki.ui/mixins.less +++ b/resources/src/mediawiki.less/mediawiki.ui/mixins.less @@ -38,13 +38,12 @@ &: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: @highlightColor; + background-color: @highlightColor; } &:focus { - border-color: rgba(0,0,0,0.2); - box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2); + border-color: @colorWhite; + box-shadow: 0 0 0 1px @highlightColor; outline: none; // remove outline in Firefox @@ -71,6 +70,10 @@ color: @colorButtonText; } + &:focus { + background-color: @highlightColor; + } + &:disabled { color: @colorDisabledText; -- 2.20.1