aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorkimsible <kimsible@users.noreply.github.com>2020-04-28 23:24:07 +0200
committerChocobozzz <chocobozzz@cpy.re>2020-05-11 11:11:06 +0200
commit70afd522ba3fc08fd407f622aad0f15e8e88b249 (patch)
tree40a8a90a837a6ded5ba2e841631c863ed75e6608
parentbedf0e60733533afe1504d188d9c7afba80f26bd (diff)
downloadPeerTube-70afd522ba3fc08fd407f622aad0f15e8e88b249.tar.gz
PeerTube-70afd522ba3fc08fd407f622aad0f15e8e88b249.tar.zst
PeerTube-70afd522ba3fc08fd407f622aad0f15e8e88b249.zip
Fix displaying more dropdown on touchscreen
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss8
-rw-r--r--client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss6
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 @@
48 margin-top: -$sub-menu-margin-bottom-small-view; 48 margin-top: -$sub-menu-margin-bottom-small-view;
49 } 49 }
50} 50}
51
52@media not all and (hover: hover) and (pointer: fine) {
53 .video {
54 .more {
55 opacity: 1;
56 }
57 }
58}
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,
36 } 36 }
37 } 37 }
38 38
39 @media not all and (hover: hover) and (pointer: fine) {
40 .more {
41 opacity: 1 !important;
42 }
43 }
44
39 &.playing { 45 &.playing {
40 background-color: rgba(0, 0, 0, 0.02); 46 background-color: rgba(0, 0, 0, 0.02);
41 } 47 }