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
This commit is contained in:
Dominik Schilling (ocean90) 2015-06-19 17:23:46 +00:00
parent 59a9592125
commit bd272f3188
1 changed files with 5 additions and 3 deletions

View File

@ -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);
}