forks/peertube
1
0
Fork 0
Code Releases Activity

Fix add to playlist button width

Browse source
This commit is contained in:
Chocobozzz 2023-07-28 15:55:49 +02:00
parent f9ac050a35
commit e390107e5a
No known key found for this signature in database
GPG key ID: 583A612D890159BE
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html
View file

@ -24,7 +24,10 @@
{{ playlist.displayName }}
</label>
<button class="optional-row-icon button-unstyle" *ngIf="isPrimaryCheckboxChecked(playlist)" (click)="$event.stopPropagation(); toggleOptionalRow(playlist)">
<button
class="optional-row-icon button-unstyle" [ngClass]="{ 'invisible': !isPrimaryCheckboxChecked(playlist) }"
(click)="$event.stopPropagation(); toggleOptionalRow(playlist)"
>
<my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
</button>
</button>

5
client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss
View file

@ -50,6 +50,7 @@
.primary-row {
display: flex;
width: 100%;
my-peertube-checkbox {
@include margin-right(10px);
@ -67,7 +68,7 @@
}
.optional-row-icon {
@include margin-left(5px);
@include margin-left(0.5rem);
display: flex;
align-items: center;
@ -78,6 +79,8 @@
@include apply-svg-color(#333);
@include margin-right(0);
position: relative;
top: 1px;
width: 19px;
height: 19px;
}