Changeset 32859

Timestamp:

06/19/2015 05:23:46 PM (9 years ago)

Author:

ocean90

Message:

Customizer: Improve accessibility of the toggle button in the available menu items panel.

Prevents focus lost in Safari because the button was "invisible" until it got focused.

fixes #32709.

File:

• trunk/src/wp-admin/css/customize-nav-menus.css (modified) (1 diff)

trunk/src/wp-admin/css/customize-nav-menus.css

@@ -626 +626 @@
 }
 
-#available-menu-items .accordion-section-title button:focus:before {
-    display: block;
-    content: "";
+#available-menu-items .accordion-section-title button {
+    display: block;
     width: 28px;
     height: 32px;
     position: absolute;
+    top: 5px;
     right: 5px;
-    top: 5px;
+}
+
+#available-menu-items .accordion-section-title button:focus {
     -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
     box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);