From 3a0fb65c61f80b510bce979a45d59d17948745e8 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 5 Apr 2019 10:52:27 +0200
Subject: Add video miniature dropdown

---
 .../shared/video/video-miniature.component.scss    | 36 ++++++++++++++++++++++
 1 file changed, 36 insertions(+)

(limited to 'client/src/app/shared/video/video-miniature.component.scss')

diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index fdc3dc033..0d4e59c2a 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -56,6 +56,37 @@
     }
   }
 
+  .video-bottom {
+    display: flex;
+
+    .video-actions {
+      margin-top: 3px;
+      margin-right: 10px;
+    }
+
+    /deep/ .dropdown-root:not(.show) {
+      display: none;
+    }
+
+    &:hover /deep/ .dropdown-root {
+      display: block;
+    }
+
+    /deep/ .playlist-dropdown.show + my-action-dropdown .dropdown-root {
+      display: block;
+    }
+
+    @media screen and (max-width: $small-view) {
+      .video-actions {
+        margin-right: 0;
+      }
+
+      /deep/ .dropdown-root {
+        display: block !important;
+      }
+    }
+  }
+
   &.display-as-row {
     flex-direction: row;
     margin-bottom: 0;
@@ -91,6 +122,11 @@
       }
     }
 
+    .video-bottom .video-actions {
+      margin: 0;
+      top: -3px;
+    }
+
     @media screen and (max-width: $small-view) {
       flex-direction: column;
       height: auto;
-- 
cgit v1.2.3