Changeset 30907

Timestamp:

12/16/2014 03:12:35 PM (12 years ago)

Author:

wonderboymusic

Message:

In response to regressions on .com, fix MEjs styles for screen reader text and overflow on the volume slider.

Props obenland.
See #30281.

File:

• trunk/src/wp-includes/js/mediaelement/wp-mediaelement.css (modified) (2 diffs)

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

@@ -14 +14 @@
 }
 
+.mejs-controls a.mejs-horizontal-volume-slider {
+        display: table;
+}
+
 .mejs-controls .mejs-time-rail .mejs-time-loaded,
 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
@@ -32 +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: #21759b;
+        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;
 }