yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-03 01:39:37 +02:00
Code Issues Releases Wiki Activity

Fix badges alignment

Browse source
This commit is contained in:
Chocobozzz 2025-09-15 13:50:44 +02:00
parent f1e05043bc
commit 449ebe4b54
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/app/+my-library/my-videos/my-videos.component.html
View file

@ -63,7 +63,7 @@
</td> </td>
<td *ngIf="table.isColumnDisplayed('privacy')"> <td *ngIf="table.isColumnDisplayed('privacy')">
<div class="d-flex flex-wrap gap-1"> <div class="pt-badges-container">
<my-privacy-badge [video]="video"></my-privacy-badge> <my-privacy-badge [video]="video"></my-privacy-badge>
<span *ngIf="video.blacklisted" class="pt-badge badge-red" i18n [ngbTooltip]="video.blacklistedReason">Blocked</span> <span *ngIf="video.blacklisted" class="pt-badge badge-red" i18n [ngbTooltip]="video.blacklistedReason">Blocked</span>

17
client/src/sass/class-helpers/_badges.scss
View file

@ -1,7 +1,7 @@
@use '_icons' as *; @use "_icons" as *;
@use '_variables' as *; @use "_variables" as *;
@use '_mixins' as *; @use "_mixins" as *;
@use '_button-mixins' as *; @use "_button-mixins" as *;
// Badge color variables // Badge color variables
$badge-red-light: #ffcdd2; $badge-red-light: #ffcdd2;
@ -109,7 +109,7 @@ $badge-grey-dark: #2D3448;
} }
} }
[data-bs-theme=dark] { [data-bs-theme="dark"] {
.pt-badge { .pt-badge {
&.badge-banned, &.badge-banned,
&.badge-danger, &.badge-danger,
@ -152,3 +152,10 @@ $badge-grey-dark: #2D3448;
} }
} }
} }
.pt-badges-container {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0.25rem;
}