1 @use '_variables' as *;
3 @use '_miniature' as *;
9 &.no-videos:not(.to-manage) {
11 cursor: default !important;
23 .miniature-thumbnail {
24 @include miniature-thumbnail;
26 .miniature-playlist-info-overlay {
27 @include static-thumbnail-overlay;
37 font-weight: $font-semibold;
44 @include miniature-name;
48 @include disable-default-a-behaviour;
51 color: pvar(--greyForegroundColor);
59 font-weight: $font-semibold;
69 @include peertube-word-wrap;
72 color: pvar(--greyForegroundColor);
76 .miniature:not(.display-as-row) {
83 .miniature-thumbnail {
84 @include block-ratio($selector: '::ng-deep a');
91 .miniature.display-as-row {
92 --rowThumbnailWidth: #{$video-thumbnail-width};
93 --rowThumbnailHeight: #{$video-thumbnail-height};
98 font-size: $video-miniature-row-name-font-size;
101 .miniature-thumbnail {
102 @include margin-right(10px);
104 min-width: var(--rowThumbnailWidth);
105 max-width: var(--rowThumbnailWidth);
106 height: var(--rowThumbnailHeight);
110 @include on-small-main-col {
111 .miniature.display-as-row {
112 --rowThumbnailWidth: #{$video-thumbnail-medium-width};
113 --rowThumbnailHeight: #{$video-thumbnail-medium-height};
117 @include on-mobile-main-col {
118 .miniature.display-as-row {
119 --rowThumbnailWidth: #{$video-thumbnail-small-width};
120 --rowThumbnailHeight: #{$video-thumbnail-small-height};