]>
Commit | Line | Data |
---|---|---|
ff563914 RK |
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 { | |
931d3430 C |
9 | @include transition(opacity 0.1s); |
10 | ||
ff563914 RK |
11 | position: absolute; |
12 | background-color: $contextmenu-background-color; | |
13 | padding: 5px 0; | |
14 | border-radius: 4px; | |
15 | width: $stats-width; | |
16 | min-width: 27em; | |
17 | max-width: calc(100vw - 20px); | |
18 | left: 10px; | |
19 | top: 10px; | |
20 | z-index: 64; | |
21 | font-size: 12px; | |
22 | line-height: 1.2; | |
ff563914 RK |
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 | } | |
ff563914 | 41 | } |