OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Add contained in playlists badges gap

pull/5817/head
Chocobozzz 2023-05-24 17:25:09 +02:00
parent f9735a9e88
commit b14e3c3de9
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/shared/shared-video-miniature/video-miniature.component.html
View File

@ -51,7 +51,7 @@
<ng-container *ngIf="displayOptions.state">{{ getStateLabel(video) }}</ng-container> <ng-container *ngIf="displayOptions.state">{{ getStateLabel(video) }}</ng-container>
</div> </div>
<div *ngIf="containedInPlaylists" class="fs-6"> <div *ngIf="containedInPlaylists" class="contained-in-playlists">
<a *ngFor="let playlist of containedInPlaylists" class="pt-badge badge-secondary" [routerLink]="['/w/p/', playlist.playlistShortUUID]"> <a *ngFor="let playlist of containedInPlaylists" class="pt-badge badge-secondary" [routerLink]="['/w/p/', playlist.playlistShortUUID]">
{{ playlist.playlistDisplayName }} {{ playlist.playlistDisplayName }}
</a> </a>

8
client/src/app/shared/shared-video-miniature/video-miniature.component.scss
View File

@ -181,6 +181,14 @@ my-actor-avatar {
} }
} }
.contained-in-playlists {
display: flex;
flex-wrap: wrap;
column-gap: 5px;
row-gap: 5px;
font-size: 1rem;
}
@include on-small-main-col { @include on-small-main-col {
.video-miniature.display-as-row { .video-miniature.display-as-row {
--rowThumbnailWidth: #{$video-thumbnail-medium-width}; --rowThumbnailWidth: #{$video-thumbnail-medium-width};