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:
parent
42487a5b23
commit
e59c9d3567
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue