diff options
Diffstat (limited to 'client/src/app/shared/video/video-miniature.component.scss')
-rw-r--r-- | client/src/app/shared/video/video-miniature.component.scss | 36 |
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 @@ | |||
56 | } | 56 | } |
57 | } | 57 | } |
58 | 58 | ||
59 | .video-bottom { | ||
60 | display: flex; | ||
61 | |||
62 | .video-actions { | ||
63 | margin-top: 3px; | ||
64 | margin-right: 10px; | ||
65 | } | ||
66 | |||
67 | /deep/ .dropdown-root:not(.show) { | ||
68 | display: none; | ||
69 | } | ||
70 | |||
71 | &:hover /deep/ .dropdown-root { | ||
72 | display: block; | ||
73 | } | ||
74 | |||
75 | /deep/ .playlist-dropdown.show + my-action-dropdown .dropdown-root { | ||
76 | display: block; | ||
77 | } | ||
78 | |||
79 | @media screen and (max-width: $small-view) { | ||
80 | .video-actions { | ||
81 | margin-right: 0; | ||
82 | } | ||
83 | |||
84 | /deep/ .dropdown-root { | ||
85 | display: block !important; | ||
86 | } | ||
87 | } | ||
88 | } | ||
89 | |||
59 | &.display-as-row { | 90 | &.display-as-row { |
60 | flex-direction: row; | 91 | flex-direction: row; |
61 | margin-bottom: 0; | 92 | margin-bottom: 0; |
@@ -91,6 +122,11 @@ | |||
91 | } | 122 | } |
92 | } | 123 | } |
93 | 124 | ||
125 | .video-bottom .video-actions { | ||
126 | margin: 0; | ||
127 | top: -3px; | ||
128 | } | ||
129 | |||
94 | @media screen and (max-width: $small-view) { | 130 | @media screen and (max-width: $small-view) { |
95 | flex-direction: column; | 131 | flex-direction: column; |
96 | height: auto; | 132 | height: auto; |