diff options
Diffstat (limited to 'client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html')
-rw-r--r-- | client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html index 6d787796a..f2f69236c 100644 --- a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html +++ b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.html | |||
@@ -14,20 +14,20 @@ | |||
14 | *ngFor="let playlist of videoPlaylists" | 14 | *ngFor="let playlist of videoPlaylists" |
15 | class="playlist dropdown-item" [ngClass]="{ 'has-optional-row': playlist.optionalRowDisplayed }" | 15 | class="playlist dropdown-item" [ngClass]="{ 'has-optional-row': playlist.optionalRowDisplayed }" |
16 | > | 16 | > |
17 | <div class="primary-row" (click)="toggleMainPlaylist($event, playlist)"> | 17 | <button class="primary-row button-unstyle" (click)="toggleMainPlaylist($event, playlist)"> |
18 | <my-peertube-checkbox | 18 | <my-peertube-checkbox |
19 | [disabled]="isPresentMultipleTimes(playlist) || playlist.optionalRowDisplayed" [inputName]="getPrimaryInputName(playlist)" | 19 | [disabled]="isPresentMultipleTimes(playlist) || playlist.optionalRowDisplayed" [inputName]="getPrimaryInputName(playlist)" |
20 | [ngModel]="isPrimaryCheckboxChecked(playlist)" [onPushWorkaround]="true" | 20 | [ngModel]="isPrimaryCheckboxChecked(playlist)" [onPushWorkaround]="true" |
21 | ></my-peertube-checkbox> | 21 | ></my-peertube-checkbox> |
22 | 22 | ||
23 | <label class="display-name"> | 23 | <label [for]="getPrimaryInputName(playlist)" class="display-name"> |
24 | {{ playlist.displayName }} | 24 | {{ playlist.displayName }} |
25 | </label> | 25 | </label> |
26 | 26 | ||
27 | <div class="optional-row-icon" *ngIf="isPrimaryCheckboxChecked(playlist)" (click)="$event.stopPropagation(); toggleOptionalRow(playlist)"> | 27 | <button class="optional-row-icon button-unstyle" *ngIf="isPrimaryCheckboxChecked(playlist)" (click)="$event.stopPropagation(); toggleOptionalRow(playlist)"> |
28 | <my-global-icon iconName="add" aria-hidden="true"></my-global-icon> | 28 | <my-global-icon iconName="add" aria-hidden="true"></my-global-icon> |
29 | </div> | 29 | </button> |
30 | </div> | 30 | </button> |
31 | 31 | ||
32 | <div class="optional-rows" *ngIf="playlist.optionalRowDisplayed"> | 32 | <div class="optional-rows" *ngIf="playlist.optionalRowDisplayed"> |
33 | <div class="header-label" i18n>Start at</div> | 33 | <div class="header-label" i18n>Start at</div> |
@@ -58,11 +58,11 @@ | |||
58 | </div> | 58 | </div> |
59 | </div> | 59 | </div> |
60 | 60 | ||
61 | <div class="new-playlist-button dropdown-item" (click)="openCreateBlock($event)" [hidden]="isNewPlaylistBlockOpened"> | 61 | <button class="new-playlist-button dropdown-item" (click)="openCreateBlock($event)" [hidden]="isNewPlaylistBlockOpened"> |
62 | <my-global-icon iconName="add" aria-hidden="true"></my-global-icon> | 62 | <my-global-icon iconName="add" aria-hidden="true"></my-global-icon> |
63 | 63 | ||
64 | <span i18n>Create a private playlist</span> | 64 | <span i18n>Create a private playlist</span> |
65 | </div> | 65 | </button> |
66 | 66 | ||
67 | <form class="new-playlist-block dropdown-item" *ngIf="isNewPlaylistBlockOpened" (ngSubmit)="createPlaylist()" [formGroup]="form"> | 67 | <form class="new-playlist-block dropdown-item" *ngIf="isNewPlaylistBlockOpened" (ngSubmit)="createPlaylist()" [formGroup]="form"> |
68 | <div class="form-group"> | 68 | <div class="form-group"> |