aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/account
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/account')
-rw-r--r--client/src/app/account/account-videos/account-videos.component.html12
-rw-r--r--client/src/app/account/account-videos/account-videos.component.scss27
2 files changed, 5 insertions, 34 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 030c2f19c..641fcb38a 100644
--- a/client/src/app/account/account-videos/account-videos.component.html
+++ b/client/src/app/account/account-videos/account-videos.component.html
@@ -22,7 +22,7 @@
22 Cancel 22 Cancel
23 </span> 23 </span>
24 24
25 <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()"> 25 <span class="action-button action-button-delete-selection" (click)="deleteSelectedVideos()">
26 <span class="icon icon-delete-white"></span> 26 <span class="icon icon-delete-white"></span>
27 Delete 27 Delete
28 </span> 28 </span>
@@ -30,15 +30,9 @@
30 </div> 30 </div>
31 31
32 <ng-template [ngIf]="isInSelectionMode() === false"> 32 <ng-template [ngIf]="isInSelectionMode() === false">
33 <span class="action-button action-button-delete" (click)="deleteVideo(video)"> 33 <my-delete-button (click)="deleteVideo(video)"></my-delete-button>
34 <span class="icon icon-delete-grey"></span>
35 Delete
36 </span>
37 34
38 <a class="action-button" [routerLink]="[ '/videos', 'edit', video.uuid ]"> 35 <my-edit-button [routerLink]="[ '/videos', 'edit', video.uuid ]"></my-edit-button>
39 <span class="icon icon-edit"></span>
40 Edit
41 </a>
42 </ng-template> 36 </ng-template>
43 </div> 37 </div>
44</div> 38</div>
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 083918e29..670fe992c 100644
--- a/client/src/app/account/account-videos/account-videos.component.scss
+++ b/client/src/app/account/account-videos/account-videos.component.scss
@@ -6,17 +6,7 @@
6 } 6 }
7} 7}
8 8
9.action-button { 9/deep/ .action-button {
10 @include peertube-button-link;
11
12 font-size: 15px;
13 font-weight: $font-semibold;
14 color: #585858;
15 background-color: #E5E5E5;
16
17 &:hover {
18 background-color: #EFEFEF;
19 }
20 10
21 &.action-button-delete { 11 &.action-button-delete {
22 margin-right: 10px; 12 margin-right: 10px;
@@ -32,21 +22,8 @@
32 } 22 }
33 23
34 .icon { 24 .icon {
35 @include icon(21px);
36
37 position: relative;
38 top: -2px;
39
40 &.icon-edit {
41 background-image: url('../../../assets/images/global/edit.svg');
42 }
43
44 &.icon-delete-grey {
45 background-image: url('../../../assets/images/account/delete-grey.svg');
46 }
47
48 &.icon-delete-white { 25 &.icon-delete-white {
49 background-image: url('../../../assets/images/account/delete-white.svg'); 26 background-image: url('../../../assets/images/global/delete-white.svg');
50 } 27 }
51 } 28 }
52} 29}