Move captions above controls when user is active (#665)

* Move captions above controls when user is active * Keep captions above controls when player is paused
samvera-labs · Oct 21, 2024 · 1be99f6 · 1be99f6
1 parent 5d15ca7
commit 1be99f6
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -126,6 +126,13 @@
   border-bottom: 0.35rem ridge $primaryGreen !important;
 }
 
+/* display text track cues above the controls when controls are visible */
+.video-js.vjs-user-active .vjs-text-track-display .vjs-text-track-cue,
+.video-js.vjs-user-inactive.vjs-has-started.vjs-paused .vjs-text-track-display .vjs-text-track-cue {
+  inset: 18.75em 0 !important;
+  transform: translateY(-100%);
+}
+
 /** End - Overrides for VideoJS related styling **/
 
 // Webkit override for scroll bars for always-on display in Chrome and Safari