Changeset 30907 for trunk

Timestamp:

12/16/2014 03:12:35 PM (10 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;
 }