From bd272f3188dec421dac91fc624c241cc5a654489 Mon Sep 17 00:00:00 2001 From: "Dominik Schilling (ocean90)" Date: Fri, 19 Jun 2015 17:23:46 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@32859 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/customize-nav-menus.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css index 4ce5ada829..d83b257969 100644 --- a/src/wp-admin/css/customize-nav-menus.css +++ b/src/wp-admin/css/customize-nav-menus.css @@ -625,14 +625,16 @@ button.not-a-button { margin: 0; } -#available-menu-items .accordion-section-title button:focus:before { +#available-menu-items .accordion-section-title button { display: block; - content: ""; width: 28px; height: 32px; position: absolute; - right: 5px; top: 5px; + right: 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); }