diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-07 14:48:47 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-07 15:18:03 +0100 |
commit | 4cc66133abf1e37873316999b660c93ab92eb4a0 (patch) | |
tree | a7f861f665ab563c2cf0231d0ab5554a9dc994d6 /client/src/app/videos/+video-edit/shared/video-edit.component.scss | |
parent | ff249f499ccca2e37757f338384e7ba44c906a69 (diff) | |
download | PeerTube-4cc66133abf1e37873316999b660c93ab92eb4a0.tar.gz PeerTube-4cc66133abf1e37873316999b660c93ab92eb4a0.tar.zst PeerTube-4cc66133abf1e37873316999b660c93ab92eb4a0.zip |
Design video update
Diffstat (limited to 'client/src/app/videos/+video-edit/shared/video-edit.component.scss')
-rw-r--r-- | client/src/app/videos/+video-edit/shared/video-edit.component.scss | 136 |
1 files changed, 118 insertions, 18 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss index 9ee0c520c..0af48fabe 100644 --- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss +++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss | |||
@@ -1,3 +1,121 @@ | |||
1 | .video-edit { | ||
2 | height: 100%; | ||
3 | |||
4 | .form-group { | ||
5 | margin-bottom: 25px; | ||
6 | } | ||
7 | |||
8 | input { | ||
9 | @include peertube-input-text(100%); | ||
10 | display: block; | ||
11 | |||
12 | &[type=checkbox] { | ||
13 | outline: 0; | ||
14 | } | ||
15 | } | ||
16 | |||
17 | select { | ||
18 | @include peertube-select(100%); | ||
19 | } | ||
20 | |||
21 | input, select { | ||
22 | font-size: 15px | ||
23 | } | ||
24 | |||
25 | .form-group-checkbox { | ||
26 | display: flex; | ||
27 | align-items: center; | ||
28 | |||
29 | label { | ||
30 | font-weight: $font-regular; | ||
31 | margin: 0; | ||
32 | } | ||
33 | |||
34 | input { | ||
35 | width: 10px; | ||
36 | margin-right: 10px; | ||
37 | } | ||
38 | } | ||
39 | } | ||
40 | |||
41 | .submit-container { | ||
42 | text-align: right; | ||
43 | position: relative; | ||
44 | bottom: $button-height; | ||
45 | |||
46 | .submit-button { | ||
47 | @include peertube-button; | ||
48 | @include orange-button; | ||
49 | |||
50 | display: inline-block; | ||
51 | |||
52 | input { | ||
53 | cursor: inherit; | ||
54 | background-color: inherit; | ||
55 | border: none; | ||
56 | padding: 0; | ||
57 | } | ||
58 | |||
59 | .icon.icon-validate { | ||
60 | @include icon(20px); | ||
61 | |||
62 | cursor: inherit; | ||
63 | position: relative; | ||
64 | top: -1px; | ||
65 | margin-right: 4px; | ||
66 | background-image: url('../../../../assets/images/global/validate.svg'); | ||
67 | } | ||
68 | } | ||
69 | } | ||
70 | |||
71 | /deep/ { | ||
72 | .ng2-tag-input { | ||
73 | border: none !important; | ||
74 | } | ||
75 | |||
76 | .ng2-tags-container { | ||
77 | display: flex; | ||
78 | align-items: center; | ||
79 | border: 1px solid #C6C6C6; | ||
80 | border-radius: 3px; | ||
81 | padding: 5px !important; | ||
82 | } | ||
83 | |||
84 | tag { | ||
85 | background-color: #E5E5E5 !important; | ||
86 | border-radius: 3px !important; | ||
87 | font-size: 15px !important; | ||
88 | color: #000 !important; | ||
89 | height: 30px !important; | ||
90 | line-height: 30px !important; | ||
91 | margin: 0 5px 0 0 !important; | ||
92 | cursor: default !important; | ||
93 | padding: 0 8px 0 10px !important; | ||
94 | |||
95 | div { | ||
96 | height: 100% !important; | ||
97 | } | ||
98 | } | ||
99 | |||
100 | delete-icon { | ||
101 | cursor: pointer !important; | ||
102 | height: auto !important; | ||
103 | vertical-align: middle !important; | ||
104 | padding-left: 6px !important; | ||
105 | |||
106 | svg { | ||
107 | height: auto !important; | ||
108 | vertical-align: middle !important; | ||
109 | fill: #585858 !important; | ||
110 | } | ||
111 | |||
112 | &:hover { | ||
113 | transform: none !important; | ||
114 | } | ||
115 | } | ||
116 | } | ||
117 | |||
118 | |||
1 | .btn-file { | 119 | .btn-file { |
2 | position: relative; | 120 | position: relative; |
3 | overflow: hidden; | 121 | overflow: hidden; |
@@ -20,24 +138,6 @@ | |||
20 | display: block; | 138 | display: block; |
21 | } | 139 | } |
22 | 140 | ||
23 | .form-group { | ||
24 | margin-bottom: 10px; | ||
25 | } | ||
26 | |||
27 | div.tags { | ||
28 | height: 40px; | ||
29 | font-size: 20px; | ||
30 | margin-top: 20px; | ||
31 | |||
32 | .tag { | ||
33 | margin-right: 10px; | ||
34 | |||
35 | .remove { | ||
36 | cursor: pointer; | ||
37 | } | ||
38 | } | ||
39 | } | ||
40 | |||
41 | div.file-to-upload { | 141 | div.file-to-upload { |
42 | height: 40px; | 142 | height: 40px; |
43 | 143 | ||