add -ms-filter for vertical panel on ie8.

Unfortunately, we lose the ball but potentially will be fixed if we address #3982
videojs · Jan 26, 2017 · 53b7b0d · 53b7b0d
1 parent 79a28d4
commit 53b7b0d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/css/components/_volume.scss b/src/css/components/_volume.scss
@@ -33,6 +33,14 @@
   width: 1px;
   height: 1px;
   margin-left: -1px;
+
+}
+.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  & .vjs-volume-bar,
+  & .vjs-volume-level {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  }
 }
 
 .video-js .vjs-volume-panel {
@@ -55,6 +63,14 @@
     opacity: 1;
     position: relative;
 
+    &.vjs-volume-vertical {
+      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+      & .vjs-volume-bar,
+      & .vjs-volume-level {
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+      }
+    }
+
     $transition-property: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
     @include transition($transition-property);
   }