aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-11 10:38:17 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-11 10:38:17 +0100
commitdc595ab7caf407ab83cd55a641eadab0bbe778b3 (patch)
tree4b030379198d65268df47b160d627fadd743af52
parent9e6b41cc1d825182bcfdf51364fdf3eae8001244 (diff)
downloadPeerTube-dc595ab7caf407ab83cd55a641eadab0bbe778b3.tar.gz
PeerTube-dc595ab7caf407ab83cd55a641eadab0bbe778b3.tar.zst
PeerTube-dc595ab7caf407ab83cd55a641eadab0bbe778b3.zip
Fix selection buttons in my videos
-rw-r--r--client/src/app/account/account-videos/account-videos.component.html2
-rw-r--r--client/src/app/account/account-videos/account-videos.component.scss38
2 files changed, 25 insertions, 15 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 77f959fef..f69c0487d 100644
--- a/client/src/app/account/account-videos/account-videos.component.html
+++ b/client/src/app/account/account-videos/account-videos.component.html
@@ -19,7 +19,7 @@
19 <!-- Display only once --> 19 <!-- Display only once -->
20 <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0"> 20 <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0">
21 <div class="action-selection-mode-child"> 21 <div class="action-selection-mode-child">
22 <span class="action-button" (click)="abortSelectionMode()"> 22 <span class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
23 Cancel 23 Cancel
24 </span> 24 </span>
25 25
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 4c00431fa..5459014a6 100644
--- a/client/src/app/account/account-videos/account-videos.component.scss
+++ b/client/src/app/account/account-videos/account-videos.component.scss
@@ -1,33 +1,43 @@
1.action-selection-mode { 1.action-selection-mode {
2 width: 174px; 2 width: 174px;
3 display: flex;
4 justify-content: flex-end;
3 5
4 .action-selection-mode-child { 6 .action-selection-mode-child {
5 position: fixed; 7 position: fixed;
6 }
7}
8 8
9/deep/ .action-button { 9 .action-button {
10 display: inline-block;
11 }
10 12
11 &.action-button-delete { 13 .action-button-cancel-selection {
12 margin-right: 10px; 14 @include peertube-button;
13 } 15 @include grey-button;
14 16
15 &.action-button-delete-selection { 17 margin-right: 10px;
16 background-color: $orange-color; 18 }
17 color: #fff;
18 19
19 &:hover { 20 .action-button-delete-selection {
20 background-color: $orange-hoover-color; 21 @include peertube-button;
22 @include orange-button;
21 } 23 }
22 }
23 24
24 .icon { 25 .icon.icon-delete-white {
25 &.icon-delete-white { 26 @include icon(21px);
27
28 position: relative;
29 top: -2px;
26 background-image: url('../../../assets/images/global/delete-white.svg'); 30 background-image: url('../../../assets/images/global/delete-white.svg');
27 } 31 }
28 } 32 }
29} 33}
30 34
35/deep/ .action-button {
36 &.action-button-delete {
37 margin-right: 10px;
38 }
39}
40
31.video { 41.video {
32 display: flex; 42 display: flex;
33 height: 130px; 43 height: 130px;