X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fplayer%2Fpeertube-skin.scss;h=836be23ccece241e7d02283ba37dea1e8cde962d;hb=610d0be13b3d01f653ef269271dd667a57c85ef2;hp=41e2a535cfa7f30b8ae16a2838caf837e0a7e006;hpb=2ba5ac33548b809285025be307960e49e7b3947c;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 41e2a535c..836be23cc 100644
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -21,6 +21,12 @@ body {
 
   .vjs-dock-text {
     padding-right: 10px;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
+  }
+
+  .vjs-dock-title,
+  .vjs-dock-description {
+    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
   }
 
   .vjs-dock-description {
@@ -55,7 +61,7 @@ body {
     $big-play-width: 1.2em;
     $big-play-height: 1.2em;
 
-    border: 4px solid #fff;
+    border: 2px solid #fff;
     border-radius: 100%;
 
     left: 50%;
@@ -185,7 +191,6 @@ body {
 
         .vjs-play-progress {
           background: var(--embedForegroundColor);
-          transition: all .2s ease 0s;
 
           // Not display the circle if the progress is not hovered
           &::before {
@@ -266,6 +271,7 @@ body {
       line-height: $control-bar-height;
       text-align: right;
       margin-right: 6px;
+      overflow: hidden;
 
       .vjs-peertube-displayed {
         display: block;