diff options
Diffstat (limited to 'client/src/app/account/account-videos/account-videos.component.scss')
-rw-r--r-- | client/src/app/account/account-videos/account-videos.component.scss | 102 |
1 files changed, 66 insertions, 36 deletions
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 e7fe662b1..e76e3f4e5 100644 --- a/client/src/app/account/account-videos/account-videos.component.scss +++ b/client/src/app/account/account-videos/account-videos.component.scss | |||
@@ -1,8 +1,74 @@ | |||
1 | .action-selection-mode { | ||
2 | width: 174px; | ||
3 | |||
4 | .action-selection-mode-child { | ||
5 | position: fixed; | ||
6 | } | ||
7 | } | ||
8 | |||
9 | .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 | |||
21 | &.action-button-delete { | ||
22 | margin-right: 10px; | ||
23 | } | ||
24 | |||
25 | &.action-button-delete-selection { | ||
26 | background-color: $orange-color; | ||
27 | color: #fff; | ||
28 | |||
29 | &:hover { | ||
30 | background-color: $orange-hoover-color; | ||
31 | } | ||
32 | } | ||
33 | |||
34 | .icon { | ||
35 | display: inline-block; | ||
36 | background-repeat: no-repeat; | ||
37 | background-size: contain; | ||
38 | width: 21px; | ||
39 | height: 21px; | ||
40 | vertical-align: middle; | ||
41 | position: relative; | ||
42 | top: -2px; | ||
43 | |||
44 | &.icon-edit { | ||
45 | background-image: url('../../../assets/images/account/edit.svg'); | ||
46 | } | ||
47 | |||
48 | &.icon-delete-grey { | ||
49 | background-image: url('../../../assets/images/account/delete-grey.svg'); | ||
50 | } | ||
51 | |||
52 | &.icon-delete-white { | ||
53 | background-image: url('../../../assets/images/account/delete-white.svg'); | ||
54 | } | ||
55 | } | ||
56 | } | ||
57 | |||
1 | .video { | 58 | .video { |
2 | display: flex; | 59 | display: flex; |
3 | height: 130px; | 60 | height: 130px; |
4 | padding-bottom: 20px; | 61 | padding-bottom: 20px; |
5 | 62 | ||
63 | input[type=checkbox] { | ||
64 | margin-right: 20px; | ||
65 | outline: 0; | ||
66 | } | ||
67 | |||
68 | &:first-child { | ||
69 | margin-top: 47px; | ||
70 | } | ||
71 | |||
6 | &:not(:last-child) { | 72 | &:not(:last-child) { |
7 | margin-bottom: 20px; | 73 | margin-bottom: 20px; |
8 | border-bottom: 1px solid #C6C6C6; | 74 | border-bottom: 1px solid #C6C6C6; |
@@ -24,40 +90,4 @@ | |||
24 | font-size: 13px; | 90 | font-size: 13px; |
25 | } | 91 | } |
26 | } | 92 | } |
27 | |||
28 | .action-button { | ||
29 | @include peertube-button-link; | ||
30 | |||
31 | font-size: 15px; | ||
32 | font-weight: $font-semibold; | ||
33 | color: #585858; | ||
34 | background-color: #E5E5E5; | ||
35 | |||
36 | &:hover { | ||
37 | background-color: #EFEFEF; | ||
38 | } | ||
39 | |||
40 | &.action-button-delete { | ||
41 | margin-right: 10px; | ||
42 | } | ||
43 | |||
44 | .icon.icon-edit, .icon.icon-delete { | ||
45 | display: inline-block; | ||
46 | background-repeat: no-repeat; | ||
47 | background-size: contain; | ||
48 | width: 21px; | ||
49 | height: 21px; | ||
50 | vertical-align: middle; | ||
51 | position: relative; | ||
52 | top: -2px; | ||
53 | |||
54 | &.icon-edit { | ||
55 | background-image: url('../../../assets/images/account/edit.svg'); | ||
56 | } | ||
57 | |||
58 | &.icon-delete { | ||
59 | background-image: url('../../../assets/images/account/delete.svg'); | ||
60 | } | ||
61 | } | ||
62 | } | ||
63 | } | 93 | } |