projects
/
oweals
/
peertube.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'release/1.4.0' into develop
[oweals/peertube.git]
/
client
/
src
/
app
/
shared
/
video
/
video-miniature.component.scss
diff --git
a/client/src/app/shared/video/video-miniature.component.scss
b/client/src/app/shared/video/video-miniature.component.scss
index d665ce021ccb45b7536207990e3ff0203e1c7c95..03e15afffe23c5085e9c4e74dff68fd3534d7b49 100644
(file)
--- a/
client/src/app/shared/video/video-miniature.component.scss
+++ b/
client/src/app/shared/video/video-miniature.component.scss
@@
-9,7
+9,7
@@
$more-margin-right: 10px;
width: $video-miniature-width;
display: inline-flex;
flex-direction: column;
width: $video-miniature-width;
display: inline-flex;
flex-direction: column;
- margin-bottom:
30px
;
+ margin-bottom:
$video-miniature-margin-bottom
;
height: 195px;
vertical-align: top;
height: 195px;
vertical-align: top;
@@
-68,16
+68,16
@@
$more-margin-right: 10px;
width: $more-button-width;
height: 30px;
width: $more-button-width;
height: 30px;
-
/deep/
.dropdown-root:not(.show) {
+
::ng-deep
.dropdown-root:not(.show) {
opacity: 0;
}
opacity: 0;
}
-
/deep/
.playlist-dropdown.show + my-action-dropdown .dropdown-root {
+
::ng-deep
.playlist-dropdown.show + my-action-dropdown .dropdown-root {
opacity: 1;
}
}
opacity: 1;
}
}
- &:hover .video-actions
/deep/
.dropdown-root {
+ &:hover .video-actions
::ng-deep
.dropdown-root {
opacity: 1;
}
opacity: 1;
}
@@
-90,7
+90,7
@@
$more-margin-right: 10px;
margin: 0;
top: -3px;
margin: 0;
top: -3px;
-
/deep/
.dropdown-root {
+
::ng-deep
.dropdown-root {
opacity: 1 !important;
}
}
opacity: 1 !important;
}
}
@@
-109,8
+109,10
@@
$more-margin-right: 10px;
.video-bottom {
.video-miniature-information {
.video-bottom {
.video-miniature-information {
- width: auto;
- min-width: 500px;
+ @media screen and (min-width: $small-view) {
+ width: auto;
+ min-width: 500px;
+ }
.video-miniature-name {
@include ellipsis-multiline(1.3em, 2);
.video-miniature-name {
@include ellipsis-multiline(1.3em, 2);