client/src/sass/player/stats.scss

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