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.
Built from https://develop.svn.wordpress.org/trunk@32859


git-svn-id: http://core.svn.wordpress.org/trunk@32830 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Dominik Schilling 2015-06-19 17:24:24 +00:00
parent 898bb2ed34
commit a28586a6d7
5 changed files with 13 additions and 9 deletions

View File

@ -625,14 +625,16 @@ button.not-a-button {
margin: 0; margin: 0;
} }
#available-menu-items .accordion-section-title button:focus:before { #available-menu-items .accordion-section-title button {
display: block; display: block;
content: "";
width: 28px; width: 28px;
height: 32px; height: 32px;
position: absolute; position: absolute;
left: 5px;
top: 5px; top: 5px;
left: 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); -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); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
} }

File diff suppressed because one or more lines are too long

View File

@ -625,14 +625,16 @@ button.not-a-button {
margin: 0; margin: 0;
} }
#available-menu-items .accordion-section-title button:focus:before { #available-menu-items .accordion-section-title button {
display: block; display: block;
content: "";
width: 28px; width: 28px;
height: 32px; height: 32px;
position: absolute; position: absolute;
right: 5px;
top: 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); -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); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
} }

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.3-alpha-32858'; $wp_version = '4.3-alpha-32859';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.