aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player/stats.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2021-04-12 10:26:30 +0200
committerChocobozzz <chocobozzz@cpy.re>2021-04-28 09:05:44 +0200
commitff563914bb10728301a24fb9e548c9efb62387eb (patch)
treec998ad721f134404d3510cff2906e88ea03d8301 /client/src/sass/player/stats.scss
parent0979075453b380fa8e3694db3f460e822f046c35 (diff)
downloadPeerTube-ff563914bb10728301a24fb9e548c9efb62387eb.tar.gz
PeerTube-ff563914bb10728301a24fb9e548c9efb62387eb.tar.zst
PeerTube-ff563914bb10728301a24fb9e548c9efb62387eb.zip
add stats videojs plugin
Diffstat (limited to 'client/src/sass/player/stats.scss')
-rw-r--r--client/src/sass/player/stats.scss42
1 files changed, 42 insertions, 0 deletions
diff --git a/client/src/sass/player/stats.scss b/client/src/sass/player/stats.scss
new file mode 100644
index 000000000..953f6032a
--- /dev/null
+++ b/client/src/sass/player/stats.scss
@@ -0,0 +1,42 @@
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}