client/src/sass/player/context-menu.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import './_player-variables';
   4
   5 $context-menu-width: 350px;
   6
   7 /* Sass for videojs-contextmenu-ui */
   8
   9 .video-js .vjs-contextmenu-ui-menu {
  10   position: absolute;
  11   background-color: rgba(0, 0, 0, 0.5);
  12   padding: 5px 0;
  13   width: $context-menu-width;
  14
  15   .vjs-menu-content {
  16     opacity: $primary-foreground-opacity;
  17     color: $primary-foreground-color;
  18     font-size: $font-size !important;
  19     font-weight: $font-semibold;
  20   }
  21
  22   .vjs-menu-item {
  23     cursor: pointer;
  24     font-size: 1em;
  25     padding: 8px 16px;
  26     text-align: left;
  27     text-transform: none;
  28
  29     &:hover {
  30       background-color: rgba(255, 255, 255, 0.2);
  31     }
  32   }
  33 }