Add video miniature dropdown

1 files changed, 36 insertions, 0 deletions

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;