5 $more-button-width: 41px;
6 $more-margin-right: 15px;
9 width: $video-miniature-width;
11 flex-direction: column;
12 margin-bottom: $video-miniature-margin-bottom;
19 .video-miniature-information {
20 width: $video-miniature-width - $more-button-width - $more-margin-right;
23 .video-miniature-name {
24 @include miniature-name;
27 .video-miniature-created-at-views {
32 .video-miniature-account,
33 .video-miniature-channel {
34 @include disable-default-a-behaviour;
39 color: $grey-foreground-color;
42 color: $grey-foreground-hover-color;
47 .video-info-blacklisted .blacklisted-label,
49 font-weight: $font-semibold;
52 .video-info-blacklisted {
55 .blacklisted-reason::before {
67 width: $more-button-width;
70 ::ng-deep .dropdown-root:not(.show) {
74 ::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root {
78 ::ng-deep .more-icon {
87 @media screen and (max-width: $small-view) {
88 .video-miniature-information .video-miniature-name {
96 ::ng-deep .dropdown-root {
97 opacity: 1 !important;
103 &:hover ::ng-deep .video-thumbnail .video-thumbnail-actions-overlay,
104 &:hover .video-bottom .video-actions ::ng-deep .dropdown-root {
120 .video-miniature-information {
121 @media screen and (min-width: $small-view) {
126 .video-miniature-name {
127 @include ellipsis-multiline(1.3em, 2);
133 .video-miniature-created-at-views,
134 .video-miniature-account,
135 .video-miniature-channel {
140 .video-info-privacy {
144 .video-info-blacklisted {
155 @media screen and (max-width: $small-view) {
156 flex-direction: column;
163 .video-miniature-information {