-@use '_variables';
-@use '_mixins';
-@use '_miniature';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
.miniature {
display: inline-block;
.miniature-name {
@include miniature-name;
-
- margin-top: 10px;
- margin-bottom: 5px;
}
.by {
.miniature:not(.display-as-row) {
+ .miniature-name {
+ margin-top: 10px;
+ margin-bottom: 5px;
+ }
+
.miniature-thumbnail {
@include block-ratio($selector: '::ng-deep a');
display: flex;
+ .miniature-name {
+ @include ellipsis-multiline($video-miniature-row-name-font-size, 2);
+ }
+
.miniature-thumbnail {
@include margin-right(10px);