Add hover effect to player buttons

2022-02-14 15:03:45 +01:00 · 2022-02-14 15:03:45 +01:00 · f94f7e0b1c
commit f94f7e0b1c
parent 7c0b84d497
1 changed files with 9 additions and 0 deletions
--- a/ui/scss/component/_videojs.scss
+++ b/ui/scss/component/_videojs.scss
@ -24,6 +24,15 @@ $control-bar-icon-size: 0.8rem;
    }
  }

+  @media (min-width: $breakpoint-small) {
+    .vjs-control {
+      opacity: 0.9;
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+
  // Progress Bar
  .vjs-progress-control.vjs-control {
    position: absolute;