Style the CC button when it is active

sul-dlss · Nov 9, 2023 · cd24421 · cd24421
1 parent 422925a
commit cd24421
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/assets/stylesheets/media.scss b/app/assets/stylesheets/media.scss
@@ -44,6 +44,13 @@
     right: 0;
     top: 0;
   }
+
+  // Style the CC button when they have captions enabled
+  // This won't work on Firefox unless enabled by layout.css.has-selector.enabled in about:config
+  // Other than this, there doesn't seem to be a way to style the state
+  .vjs-subs-caps-button:has(+ .vjs-menu > .vjs-menu-content > .vjs-selected.vjs-captions-menu-item) {
+    border-bottom: 2px solid red;
+  }
 }
 
 .media-component {