diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-01-02 15:45:27 +0100 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-01-02 16:26:18 +0100 |
commit | 3fbba1d28a80b9e8bd97b422280a7465c5f7c89f (patch) | |
tree | c1f334ee1a4f6086947120ff7312d105783153c6 /client/src/app/shared/video/video-miniature.component.scss | |
parent | 29128b2f5ce00093ad81b4b72daae0e3444fd5a8 (diff) | |
download | PeerTube-3fbba1d28a80b9e8bd97b422280a7465c5f7c89f.tar.gz PeerTube-3fbba1d28a80b9e8bd97b422280a7465c5f7c89f.tar.zst PeerTube-3fbba1d28a80b9e8bd97b422280a7465c5f7c89f.zip |
Display all miniature actions on hover and focus
Diffstat (limited to 'client/src/app/shared/video/video-miniature.component.scss')
-rw-r--r-- | client/src/app/shared/video/video-miniature.component.scss | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index ac83c5dfa..b63fd2989 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss | |||
@@ -74,10 +74,14 @@ $more-margin-right: 15px; | |||
74 | ::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root { | 74 | ::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root { |
75 | opacity: 1; | 75 | opacity: 1; |
76 | } | 76 | } |
77 | } | ||
78 | 77 | ||
79 | &:hover .video-actions ::ng-deep .dropdown-root { | 78 | ::ng-deep .more-icon { |
80 | opacity: 1; | 79 | opacity: .6; |
80 | |||
81 | &:hover { | ||
82 | opacity: 1; | ||
83 | } | ||
84 | } | ||
81 | } | 85 | } |
82 | 86 | ||
83 | @media screen and (max-width: $small-view) { | 87 | @media screen and (max-width: $small-view) { |
@@ -96,6 +100,11 @@ $more-margin-right: 15px; | |||
96 | } | 100 | } |
97 | } | 101 | } |
98 | 102 | ||
103 | &:hover ::ng-deep .video-thumbnail .video-thumbnail-actions-overlay, | ||
104 | &:hover .video-bottom .video-actions ::ng-deep .dropdown-root { | ||
105 | opacity: 1; | ||
106 | } | ||
107 | |||
99 | &.display-as-row { | 108 | &.display-as-row { |
100 | flex-direction: row; | 109 | flex-direction: row; |
101 | margin-bottom: 0; | 110 | margin-bottom: 0; |