diff options
| author | kimsible <kimsible@users.noreply.github.com> | 2020-04-28 23:24:07 +0200 |
|---|---|---|
| committer | Chocobozzz <chocobozzz@cpy.re> | 2020-05-11 11:11:06 +0200 |
| commit | 70afd522ba3fc08fd407f622aad0f15e8e88b249 (patch) | |
| tree | 40a8a90a837a6ded5ba2e841631c863ed75e6608 /client | |
| parent | bedf0e60733533afe1504d188d9c7afba80f26bd (diff) | |
| download | PeerTube-70afd522ba3fc08fd407f622aad0f15e8e88b249.tar.gz PeerTube-70afd522ba3fc08fd407f622aad0f15e8e88b249.tar.zst PeerTube-70afd522ba3fc08fd407f622aad0f15e8e88b249.zip | |
Fix displaying more dropdown on touchscreen
Diffstat (limited to 'client')
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 | } |