Toolbar: Don't hide admin bar text labels from screen readers on small screens.

This change replaces `display: none` with `screen-reader-text` styles so the text labels are available for screen readers on small screens.

Props legendusmaximus, sabernhardt, konradyoast.
Fixes #54895.


git-svn-id: https://develop.svn.wordpress.org/trunk@52674 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras
2022-02-04 12:54:26 +00:00
parent 831dae4296
commit f9f27c5716

View File

@@ -795,7 +795,17 @@ html:lang(he-il) .rtl #wpadminbar * {
}
#wpadminbar .ab-label {
display: none;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
#wpadminbar .menupop li:hover > .ab-sub-wrapper,