Changeset 40642

Timestamp:

05/11/2017 10:28:40 PM (8 years ago)

Author:

afercia

Message:

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.

File:

• trunk/src/wp-includes/js/mediaelement/wp-mediaelement.css (modified) (1 diff)

trunk/src/wp-includes/js/mediaelement/wp-mediaelement.css

@@ -36 +36 @@
 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
     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;
 }