aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-11-29 14:20:18 +0100
committerChocobozzz <me@florianbigard.com>2021-11-29 14:20:18 +0100
commit247bbe29145c66a1c4ff61ce5dab70fec51a29aa (patch)
tree471fa5af5ac9ddcdc0d030c247e4aef873da7eea
parent71ab0c07ccfe6a2b2ef5899bab53b4e983265fed (diff)
downloadPeerTube-247bbe29145c66a1c4ff61ce5dab70fec51a29aa.tar.gz
PeerTube-247bbe29145c66a1c4ff61ce5dab70fec51a29aa.tar.zst
PeerTube-247bbe29145c66a1c4ff61ce5dab70fec51a29aa.zip
Fix playlist miniature size with big description
-rw-r--r--client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html4
-rw-r--r--client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss9
2 files changed, 8 insertions, 5 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html
index 3cccbe080..1dd68b09e 100644
--- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html
@@ -27,11 +27,11 @@
27 </a> 27 </a>
28 28
29 <div class="privacy-date"> 29 <div class="privacy-date">
30 <span class="video-info-privacy" *ngIf="displayPrivacy">{{ playlist.privacy.label }}</span> 30 <span class="privacy" *ngIf="displayPrivacy">{{ playlist.privacy.label }}</span>
31 31
32 <span i18n class="updated-at">Updated {{ playlist.updatedAt | myFromNow }}</span> 32 <span i18n class="updated-at">Updated {{ playlist.updatedAt | myFromNow }}</span>
33 </div> 33 </div>
34 34
35 <div *ngIf="displayDescription" class="video-info-description" [innerHTML]="playlistDescription"></div> 35 <div *ngIf="displayDescription" class="description" [innerHTML]="playlistDescription"></div>
36 </div> 36 </div>
37</div> 37</div>
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 c350192f4..3956d9282 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
@@ -55,7 +55,7 @@
55 margin-top: 5px; 55 margin-top: 5px;
56 font-size: 13px; 56 font-size: 13px;
57 57
58 .video-info-privacy { 58 .privacy {
59 font-weight: $font-semibold; 59 font-weight: $font-semibold;
60 60
61 &::after { 61 &::after {
@@ -65,7 +65,9 @@
65 } 65 }
66 } 66 }
67 67
68 .video-info-description { 68 .description {
69 @include peertube-word-wrap;
70
69 margin-top: 10px; 71 margin-top: 10px;
70 color: pvar(--greyForegroundColor); 72 color: pvar(--greyForegroundColor);
71 } 73 }
@@ -99,7 +101,8 @@
99 .miniature-thumbnail { 101 .miniature-thumbnail {
100 @include margin-right(10px); 102 @include margin-right(10px);
101 103
102 width: var(--rowThumbnailWidth); 104 min-width: var(--rowThumbnailWidth);
105 max-width: var(--rowThumbnailWidth);
103 height: var(--rowThumbnailHeight); 106 height: var(--rowThumbnailHeight);
104 } 107 }
105} 108}