-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
$more-button-width: 40px;
+.video-miniature {
+ font-size: 14px;
+}
+
.video-miniature-name {
@include miniature-name;
}
}
my-actor-avatar {
- margin: 10px 10px 0 0;
+ @include margin(10px, 10px, 0, 0);
}
.video-miniature-created-at-views {
.video-bottom {
display: flex;
width: 100%;
+ min-width: 1px;
}
.video-miniature-name {
.video-bottom {
display: flex;
+ min-width: 1px;
}
// We don't display avatar in row mode
}
my-video-thumbnail {
+ @include margin-right(10px);
+
min-width: var(--rowThumbnailWidth);
max-width: var(--rowThumbnailWidth);
height: var(--rowThumbnailHeight);
- margin-right: 10px;
}
.video-miniature-name {
- @include ellipsis-multiline($video-miniature-row-name-font-size, 2);
+ font-size: $video-miniature-row-name-font-size;
}
.video-miniature-created-at-views,
}
}
+.contained-in-playlists {
+ display: flex;
+ flex-wrap: wrap;
+ column-gap: 5px;
+ row-gap: 5px;
+ font-size: 1rem;
+}
+
@include on-small-main-col {
.video-miniature.display-as-row {
--rowThumbnailWidth: #{$video-thumbnail-medium-width};