X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fvideo%2Fvideo-miniature.component.scss;h=3658ee3c006608852a77bbf014370b15db5062db;hb=dc8902634864841be7ca483b8e1c0f5afa609c32;hp=d665ce021ccb45b7536207990e3ff0203e1c7c95;hpb=743f023c5361af1428e927171effb2616d4e0245;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index d665ce021..3658ee3c0 100644 --- 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; - margin-bottom: 30px; + margin-bottom: $video-miniature-margin-bottom; height: 195px; vertical-align: top; @@ -68,16 +68,16 @@ $more-margin-right: 10px; width: $more-button-width; height: 30px; - /deep/ .dropdown-root:not(.show) { + ::ng-deep .dropdown-root:not(.show) { opacity: 0; } - /deep/ .playlist-dropdown.show + my-action-dropdown .dropdown-root { + ::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root { opacity: 1; } } - &:hover .video-actions /deep/ .dropdown-root { + &:hover .video-actions ::ng-deep .dropdown-root { opacity: 1; } @@ -90,7 +90,7 @@ $more-margin-right: 10px; margin: 0; top: -3px; - /deep/ .dropdown-root { + ::ng-deep .dropdown-root { opacity: 1 !important; } }