Move captions above controls when user is active

samvera-labs · Oct 15, 2024 · 9ff6209 · 9ff6209
1 parent 5d15ca7
commit 9ff6209
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -126,6 +126,12 @@
   border-bottom: 0.35rem ridge $primaryGreen !important;
 }
 
+/* display text track cues above the controls when they are visible */
+.video-js.vjs-user-active .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