Fix embed playlist menu background on focus

[github/Chocobozzz/PeerTube.git] / client / src / sass / player / playlist.scss

diff --git a/client/src/sass/player/playlist.scss b/client/src/sass/player/playlist.scss
index 544d45a481e00b9e082cabdd9363c769babf2558..ebbed02d9bc434879e5a588525fffb9a6a0c08e4 100644 (file)
--- a/client/src/sass/player/playlist.scss
+++ b/client/src/sass/player/playlist.scss
@@ -5,9 +5,11 @@ $playlist-menu-width: 350px;
   right: 0;
   height: 100%;
   width: $playlist-menu-width;
-  background: rgba(0, 0, 0, 0.8);
+  // !important to prevent none background set on focus
+  background: rgba(0, 0, 0, 0.8) !important;
   z-index: 101;
   transition: right 0.2s;
+  overflow-y: scroll;
 
   // Hidden
   right: -$playlist-menu-width;
@@ -80,7 +82,7 @@ $playlist-menu-width: 350px;
   right: 0;
   top: 0;
   z-index: 100;
-  padding: 1em;
+  padding: $dock-padding;
   cursor: pointer;
 }
 
@@ -165,14 +167,20 @@ $playlist-menu-width: 350px;
       @include ellipsis;
 
       font-size: 13px;
-      margin-bottom: 5px;
+      margin-bottom: 3px;
     }
 
-    .channel {
+    .channel,
+    .timestamps {
       @include ellipsis;
 
       font-size: 11px;
       color: #bfbfbf;
     }
+
+    .timestamps {
+      font-size: 10px;
+      margin-top: 3px;
+    }
   }
 }