X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2Fstats.scss;h=122d96005d9dc0913e55d41423811f2ad40e9b05;hb=4158e67c8d7eb39712e598d3f409c6739eef5f0b;hp=953f6032a3a8278721e2b7809d4abd552d296466;hpb=ff563914bb10728301a24fb9e548c9efb62387eb;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/player/stats.scss b/client/src/sass/player/stats.scss
index 953f6032a..122d96005 100644
--- a/client/src/sass/player/stats.scss
+++ b/client/src/sass/player/stats.scss
@@ -1,4 +1,6 @@
-@import './_player-variables';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use './_player-variables' as *;
 
 $stats-width: 420px;
 $contextmenu-background-color: rgba(0, 0, 0, 0.6);
@@ -6,6 +8,8 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
 .video-js {
 
   .vjs-stats-content {
+    transition: opacity 0.1s;
+
     position: absolute;
     background-color: $contextmenu-background-color;
     padding: 5px 0;
@@ -18,8 +22,6 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
     z-index: 64;
     font-size: 12px;
     line-height: 1.2;
-
-    @include transition(opacity 0.1s);
   }
 
   .vjs-stats-close {
@@ -34,9 +36,8 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6);
     display: inline-block;
     font-weight: 600;
     padding: 0 .5em;
-    text-align: right;
-    width: 11.5em;
+    text-align: end;
+    min-width: 11.5em;
     white-space: nowrap;
   }
-
 }