fix(FEC-9682): scss preprocessor is not encapsulating 'playkit-' pref…

…ix on video controls CSS (#494) moved video css to be nested under player-playkit class
kaltura · Mar 4, 2020 · fde8697 · fde8697
1 parent d3a08a3
commit fde8697
Showing 1 changed file with 12 additions and 14 deletions.
diff --git a/src/styles/_shell.scss b/src/styles/_shell.scss
@@ -30,6 +30,18 @@
   }
   video {
     width: 100%;
+    left: 0;
+
+    &::-webkit-media-controls-panel-container,
+    &::-webkit-media-controls {
+      display: none !important;
+      -webkit-appearance: none;
+    }
+
+    &::-webkit-media-controls-start-playback-button {
+      display: none !important;
+      -webkit-appearance: none;
+    }
   }
   .player-gui {
     opacity: 0;
@@ -86,17 +98,3 @@
   }
 }
 
-video {
-  left: 0;
-
-  &::-webkit-media-controls-panel-container,
-  &::-webkit-media-controls {
-    display: none !important;
-    -webkit-appearance: none;
-  }
-
-  &::-webkit-media-controls-start-playback-button {
-    display: none !important;
-    -webkit-appearance: none;
-  }
-}