X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2Fstats.scss;h=122d96005d9dc0913e55d41423811f2ad40e9b05;hb=4158e67c8d7eb39712e598d3f409c6739eef5f0b;hp=6fcbcd969874ea15111763e51f488c9f1146633e;hpb=931d3430184143ebd88e5243def6eb1d7acfdbf4;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/player/stats.scss b/client/src/sass/player/stats.scss index 6fcbcd969..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,7 +8,7 @@ $contextmenu-background-color: rgba(0, 0, 0, 0.6); .video-js { .vjs-stats-content { - @include transition(opacity 0.1s); + transition: opacity 0.1s; position: absolute; background-color: $contextmenu-background-color; @@ -34,8 +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; } }