]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
3 | @use './_player-variables' as *; | |
ff563914 RK |
4 | |
5 | $stats-width: 420px; | |
6 | $contextmenu-background-color: rgba(0, 0, 0, 0.6); | |
7 | ||
8 | .video-js { | |
9 | ||
10 | .vjs-stats-content { | |
8cbc40b2 | 11 | transition: opacity 0.1s; |
931d3430 | 12 | |
ff563914 RK |
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; | |
ff563914 RK |
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; | |
27bc9586 | 39 | text-align: end; |
f7891304 | 40 | min-width: 11.5em; |
ff563914 RK |
41 | white-space: nowrap; |
42 | } | |
ff563914 | 43 | } |