fix(FEC-8603): native captions are overlapped by toolbar (#284)

handle overlapping in safari using `max-height` and in other browsers using `padding`
kaltura · Oct 28, 2018 · 0c0133e · 0c0133e
1 parent bed117c
commit 0c0133e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/styles/_captions.scss b/src/styles/_captions.scss
@@ -15,6 +15,11 @@ $hovering-offset: 50px;
   }
   &.state-paused video::-webkit-media-text-track-container,
   &.hover video::-webkit-media-text-track-container {
+    padding: 0 0 $hovering-offset 0;
+  }
+  &.state-paused.Safari video::-webkit-media-text-track-container,
+  &.hover.Safari video::-webkit-media-text-track-container {
+    padding: initial;
     max-height: calc(100% - #{$hovering-offset});
   }
   &.fullscreen.iOS {