5 $more-button-width: 41px;
6 $more-margin-right: 15px;
10 flex-direction: column;
11 margin-bottom: $video-miniature-margin-bottom;
18 .video-miniature-information {
19 width: $video-miniature-width - $more-button-width - $more-margin-right;
23 .video-miniature-name {
24 @include miniature-name;
28 .video-miniature-created-at-views {
33 .video-miniature-account,
34 .video-miniature-channel {
35 @include disable-default-a-behaviour;
40 color: pvar(--greyForegroundColor);
43 color: $grey-foreground-hover-color;
48 .video-info-blocked .blocked-label,
50 font-weight: $font-semibold;
56 .blocked-reason::before {
68 width: $more-button-width;
71 ::ng-deep .dropdown-root:not(.show) {
75 ::ng-deep .playlist-dropdown.show + my-action-dropdown .dropdown-root {
79 ::ng-deep .more-icon {
88 @media screen and (max-width: $small-view) {
89 .video-miniature-information {
97 ::ng-deep .dropdown-root {
98 opacity: 1 !important;
104 &:hover ::ng-deep .video-thumbnail .video-thumbnail-actions-overlay,
105 &:hover .video-bottom .video-actions ::ng-deep .dropdown-root {
112 margin-bottom: $video-miniature-margin-bottom / 2;
115 width: 100% !important;
117 .video-miniature-information {
118 width: calc(100% - 40px) !important;
123 @include large-screen-ratio($selector: '::ng-deep .video-thumbnail');
139 .video-miniature-information {
140 @media screen and (min-width: $small-view) {
145 .video-miniature-name {
146 @include ellipsis-multiline(1.3em, 2);
152 .video-miniature-created-at-views,
153 .video-miniature-account,
154 .video-miniature-channel {
159 .video-info-privacy {
163 .video-info-blocked {
174 @media screen and (max-width: $small-view) {
175 flex-direction: column;
182 .video-miniature-information {