aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/account/account-videos
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/account/account-videos')
-rw-r--r--client/src/app/account/account-videos/account-videos.component.html5
-rw-r--r--client/src/app/account/account-videos/account-videos.component.scss16
2 files changed, 15 insertions, 6 deletions
diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html
index 4f3a774bd..f73483039 100644
--- a/client/src/app/account/account-videos/account-videos.component.html
+++ b/client/src/app/account/account-videos/account-videos.component.html
@@ -7,7 +7,10 @@
7 (scrolledUp)="onNearOfTop()" 7 (scrolledUp)="onNearOfTop()"
8> 8>
9 <div class="video" *ngFor="let video of videos; let i = index"> 9 <div class="video" *ngFor="let video of videos; let i = index">
10 <input type="checkbox" [(ngModel)]="checkedVideos[video.id]" /> 10 <div class="checkbox-container">
11 <input [id]="'video-check-' + i" type="checkbox" [(ngModel)]="checkedVideos[video.id]" />
12 <label [for]="'video-check-' + i"></label>
13 </div>
11 14
12 <my-video-thumbnail [video]="video"></my-video-thumbnail> 15 <my-video-thumbnail [video]="video"></my-video-thumbnail>
13 16
diff --git a/client/src/app/account/account-videos/account-videos.component.scss b/client/src/app/account/account-videos/account-videos.component.scss
index 0d478edd7..707bd66ad 100644
--- a/client/src/app/account/account-videos/account-videos.component.scss
+++ b/client/src/app/account/account-videos/account-videos.component.scss
@@ -46,11 +46,6 @@
46 min-height: 130px; 46 min-height: 130px;
47 padding-bottom: 20px; 47 padding-bottom: 20px;
48 48
49 input[type=checkbox] {
50 margin-right: 20px;
51 outline: 0;
52 }
53
54 &:first-child { 49 &:first-child {
55 margin-top: 47px; 50 margin-top: 47px;
56 } 51 }
@@ -60,6 +55,17 @@
60 border-bottom: 1px solid #C6C6C6; 55 border-bottom: 1px solid #C6C6C6;
61 } 56 }
62 57
58 .checkbox-container {
59 display: flex;
60 align-items: center;
61 margin-right: 20px;
62 margin-left: 12px;
63
64 input[type=checkbox] {
65 @include peertube-checkbox(2px);
66 }
67 }
68
63 my-video-thumbnail { 69 my-video-thumbnail {
64 margin-right: 10px; 70 margin-right: 10px;
65 } 71 }