From 292011aecc5090f46bfd92459ed4e9c4b268bd4b Mon Sep 17 00:00:00 2001
From: Weston Ruter <westonruter@git.wordpress.org>
Date: Mon, 14 Nov 2016 18:48:59 +0000
Subject: [PATCH] Customize: Improve styles for hover, focus, and active states
 on edit shortcuts.

Props michaelarestad.
Fixes #38758.


git-svn-id: https://develop.svn.wordpress.org/trunk@39228 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/css/customize-preview.css | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/wp-includes/css/customize-preview.css b/src/wp-includes/css/customize-preview.css
index e099b303be..3d623def5e 100644
--- a/src/wp-includes/css/customize-preview.css
+++ b/src/wp-includes/css/customize-preview.css
@@ -29,12 +29,6 @@
 	z-index: 5;
 }
 
-.widget .customize-partial-edit-shortcut button:active,
-.customize-partial-edit-shortcut button:active {
-	padding: 3px;
-	border: 1px solid #0085ba;
-}
-
 /**
  * Styles for the actual shortcut
  *
@@ -87,10 +81,12 @@
 	margin: auto;
 }
 
-.customize-partial-edit-shortcut button:hover,
+.customize-partial-edit-shortcut button:hover {
+	background: #008ec2; /* matches primary buttons */
+}
+
 .customize-partial-edit-shortcut button:focus {
-    background: #008ec2; /* matches primary buttons */
-	border-color: #191e23; /* provides visual focus style with 4.5 contrast against background color */
+	box-shadow: 0 0 0 2px #008ec2;
 }
 
 body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {