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

Fix add to playlist button width

pull/5914/merge
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 }} {{ playlist.displayName }}
</label> </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> <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
</button> </button>
</button> </button>

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

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