Merge pull request #1715 from sul-dlss/style-css-button

sul-dlss · Nov 10, 2023 · ed3d63f · ed3d63f
2 parents dd4d663 + cd24421
commit ed3d63f
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 {