Fix displaying more dropdown on touchscreen

2 files changed, 14 insertions, 0 deletions

diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
index a4ca0f45d..d47810566 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
@@ -48,3 +48,11 @@
     margin-top: -$sub-menu-margin-bottom-small-view;
   }
 }
+
+@media not all and (hover: hover) and (pointer: fine) {
+  .video {
+    .more {
+      opacity: 1;
+    }
+  }
+}
diff --git a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss
index 4fba2344b..4680732be 100644
--- a/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss
+++ b/client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss
@@ -36,6 +36,12 @@ my-video-thumbnail,
     }
   }
 
+  @media not all and (hover: hover) and (pointer: fine) {
+    .more {
+      opacity: 1 !important;
+    }
+  }
+
   &.playing {
     background-color: rgba(0, 0, 0, 0.02);
   }