Bug 1325591 - Hide overlay and clickToPlay of video in Windows high c…

…ontrast theme. r=mikedeboer MozReview-Commit-ID: ARxnSMQ32el
Brli · Jan 16, 2017 · 7e487b7 · 7e487b7
1 parent 303a2b0
commit 7e487b7
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/toolkit/content/widgets/videocontrols.xml b/toolkit/content/widgets/videocontrols.xml
@@ -143,7 +143,7 @@
       </div>
 
       <div anonid="controlsOverlay" class="controlsOverlay stackItem">
-        <div class="controlsSpacerStack" aria-hideen="true">
+        <div class="controlsSpacerStack" aria-hidden="true">
           <div anonid="controlsSpacer" class="controlsSpacer stackItem" role="none"></div>
           <div anonid="clickToPlay" class="clickToPlay" hidden="true"></div>
         </div>

diff --git a/toolkit/themes/shared/media/videocontrols.css b/toolkit/themes/shared/media/videocontrols.css
@@ -477,3 +477,26 @@ audio > xul|videocontrols {
 [error="errorGeneric"]         > [anonid="errorGeneric"] {
   display: inline;
 }
+
+/* For high contrast theme in Windows */
+%ifdef XP_WIN
+.controlsSpacer,
+.clickToPlay {
+  background-color: transparent;
+}
+
+.controlsSpacer:hover {
+  background-color: rgb(254,255,255);
+  opacity: .4;
+}
+
+@media (-moz-windows-default-theme) {
+  .controlsSpacer {
+    background-color: rgba(255,255,255,.4);
+  }
+
+  .clickToPlay {
+    background-color: #1a1a1a;
+  }
+}
+%endif