aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss12
1 files changed, 9 insertions, 3 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss
index 27955cc3b..c350192f4 100644
--- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss
@@ -42,9 +42,6 @@
42 42
43 .miniature-name { 43 .miniature-name {
44 @include miniature-name; 44 @include miniature-name;
45
46 margin-top: 10px;
47 margin-bottom: 5px;
48 } 45 }
49 46
50 .by { 47 .by {
@@ -76,6 +73,11 @@
76 73
77.miniature:not(.display-as-row) { 74.miniature:not(.display-as-row) {
78 75
76 .miniature-name {
77 margin-top: 10px;
78 margin-bottom: 5px;
79 }
80
79 .miniature-thumbnail { 81 .miniature-thumbnail {
80 @include block-ratio($selector: '::ng-deep a'); 82 @include block-ratio($selector: '::ng-deep a');
81 83
@@ -90,6 +92,10 @@
90 92
91 display: flex; 93 display: flex;
92 94
95 .miniature-name {
96 @include ellipsis-multiline($video-miniature-row-name-font-size, 2);
97 }
98
93 .miniature-thumbnail { 99 .miniature-thumbnail {
94 @include margin-right(10px); 100 @include margin-right(10px);
95 101