client/src/sass/player/stats.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3 @use './_player-variables' as *;
   4
   5 $stats-width: 420px;
   6 $contextmenu-background-color: rgba(0, 0, 0, 0.6);
   7
   8 .video-js {
   9
  10   .vjs-stats-content {
  11     transition: opacity 0.1s;
  12
  13     position: absolute;
  14     background-color: $contextmenu-background-color;
  15     padding: 5px 0;
  16     border-radius: 4px;
  17     width: $stats-width;
  18     min-width: 27em;
  19     max-width: calc(100vw - 20px);
  20     left: 10px;
  21     top: 10px;
  22     z-index: 64;
  23     font-size: 12px;
  24     line-height: 1.2;
  25   }
  26
  27   .vjs-stats-close {
  28     cursor: pointer;
  29     position: absolute;
  30     right: 3px;
  31     top: 3px;
  32     padding: 0;
  33   }
  34
  35   .vjs-stats-list > div > div {
  36     display: inline-block;
  37     font-weight: 600;
  38     padding: 0 .5em;
  39     text-align: end;
  40     min-width: 11.5em;
  41     white-space: nowrap;
  42   }
  43 }