diff options
author | Chocobozzz <me@florianbigard.com> | 2023-05-24 17:25:09 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2023-05-24 17:25:09 +0200 |
commit | b14e3c3de92b879d54610d28100ab0a35b11edf5 (patch) | |
tree | 6619481418331df94b71dc78aa880ed22bdf7991 /client/src/app/shared/shared-video-miniature | |
parent | f9735a9e88ff59dae8c9f6b8a20576ca8a08902b (diff) | |
download | PeerTube-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.html | 2 | ||||
-rw-r--r-- | client/src/app/shared/shared-video-miniature/video-miniature.component.scss | 8 |
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}; |