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:
parent
59a9592125
commit
bd272f3188
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue