aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-video-miniature
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2023-05-24 17:25:09 +0200
committerChocobozzz <me@florianbigard.com>2023-05-24 17:25:09 +0200
commitb14e3c3de92b879d54610d28100ab0a35b11edf5 (patch)
tree6619481418331df94b71dc78aa880ed22bdf7991 /client/src/app/shared/shared-video-miniature
parentf9735a9e88ff59dae8c9f6b8a20576ca8a08902b (diff)
downloadPeerTube-b14e3c3de92b879d54610d28100ab0a35b11edf5.tar.gz
PeerTube-b14e3c3de92b879d54610d28100ab0a35b11edf5.tar.zst
PeerTube-b14e3c3de92b879d54610d28100ab0a35b11edf5.zip
Add contained in playlists badges gap
Diffstat (limited to 'client/src/app/shared/shared-video-miniature')
-rw-r--r--client/src/app/shared/shared-video-miniature/video-miniature.component.html2
-rw-r--r--client/src/app/shared/shared-video-miniature/video-miniature.component.scss8
2 files changed, 9 insertions, 1 deletions
diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.html b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
index 42d13f458..3f0180695 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.html
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
@@ -51,7 +51,7 @@
51 <ng-container *ngIf="displayOptions.state">{{ getStateLabel(video) }}</ng-container> 51 <ng-container *ngIf="displayOptions.state">{{ getStateLabel(video) }}</ng-container>
52 </div> 52 </div>
53 53
54 <div *ngIf="containedInPlaylists" class="fs-6"> 54 <div *ngIf="containedInPlaylists" class="contained-in-playlists">
55 <a *ngFor="let playlist of containedInPlaylists" class="pt-badge badge-secondary" [routerLink]="['/w/p/', playlist.playlistShortUUID]"> 55 <a *ngFor="let playlist of containedInPlaylists" class="pt-badge badge-secondary" [routerLink]="['/w/p/', playlist.playlistShortUUID]">
56 {{ playlist.playlistDisplayName }} 56 {{ playlist.playlistDisplayName }}
57 </a> 57 </a>
diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
index d48b00518..06ca4a672 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
@@ -181,6 +181,14 @@ my-actor-avatar {
181 } 181 }
182} 182}
183 183
184.contained-in-playlists {
185 display: flex;
186 flex-wrap: wrap;
187 column-gap: 5px;
188 row-gap: 5px;
189 font-size: 1rem;
190}
191
184@include on-small-main-col { 192@include on-small-main-col {
185 .video-miniature.display-as-row { 193 .video-miniature.display-as-row {
186 --rowThumbnailWidth: #{$video-thumbnail-medium-width}; 194 --rowThumbnailWidth: #{$video-thumbnail-medium-width};