fix(FEC-7359): add native caption style (#119)

When using native captions (currently on Safari) they should be responsive to the player ui
kaltura · Nov 4, 2017 · 6d768ee · 6d768ee
1 parent 94c1066
commit 6d768ee
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/styles/_captions.scss b/src/styles/_captions.scss
@@ -1,4 +1,13 @@
 .player {
+  video::-webkit-media-text-track-display {
+    transform: translateY(0px);
+    transition: ease-in 100ms;
+  }
+  &.state-paused video::-webkit-media-text-track-display,
+  &.hover video::-webkit-media-text-track-display {
+    transform: translateY(-60px);
+    transition: ease-out 100ms;
+  }
   &.overlay-active {
     :global(.playkit-subtitles) {
       display: none;