Changeset 39228

Timestamp:

11/14/2016 06:48:59 PM (8 years ago)

Author:

westonruter

Message:

Customize: Improve styles for hover, focus, and active states on edit shortcuts.

Props michaelarestad.
Fixes #38758.

File:

• trunk/src/wp-includes/css/customize-preview.css (modified) (2 diffs)

trunk/src/wp-includes/css/customize-preview.css

@@ -28 +28 @@
     outline: none;
     z-index: 5;
-}
-
-.widget .customize-partial-edit-shortcut button:active,
-.customize-partial-edit-shortcut button:active {
-    padding: 3px;
-    border: 1px solid #0085ba;
 }
 
@@ -88 +82 @@
 }
 
-.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;
 }