Media: Remove the custom styling for the MediaElementJS controls offscreen text.

This offscreen text is not meant to be revealed on focus and just acts as fallback
for assistive technologies that don't support `aria-label` and `role="slider"`.
Also, revealing it on focus has proven over time to be very fragile and to cause
unexpected layout issues.

See #30281.
Fixes #40707.


git-svn-id: https://develop.svn.wordpress.org/trunk@40642 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2017-05-11 22:28:40 +00:00
parent 42487a5b23
commit e59c9d3567
1 changed files with 0 additions and 25 deletions

View File

@ -37,31 +37,6 @@
border-radius: 0; border-radius: 0;
} }
.mejs-controls .mejs-offscreen {
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
}
.mejs-controls a:focus > .mejs-offscreen {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto;
color: #0073aa;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 0;
top: 15px;
text-decoration: none;
text-transform: none;
width: auto;
}
.mejs-overlay-loading { .mejs-overlay-loading {
background: transparent; background: transparent;
} }