diff options
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 | 33 |
1 files changed, 14 insertions, 19 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 b039d7ad4..bb775cb0a 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 | |||
@@ -5,6 +5,11 @@ | |||
5 | @include peertube-select-container(auto); | 5 | @include peertube-select-container(auto); |
6 | } | 6 | } |
7 | 7 | ||
8 | my-peertube-checkbox { | ||
9 | display: block; | ||
10 | margin-bottom: 1rem; | ||
11 | } | ||
12 | |||
8 | .video-edit { | 13 | .video-edit { |
9 | height: 100%; | 14 | height: 100%; |
10 | min-height: 300px; | 15 | min-height: 300px; |
@@ -18,10 +23,6 @@ | |||
18 | display: block; | 23 | display: block; |
19 | } | 24 | } |
20 | 25 | ||
21 | input, select { | ||
22 | font-size: 15px | ||
23 | } | ||
24 | |||
25 | .label-tags + span { | 26 | .label-tags + span { |
26 | font-size: 15px; | 27 | font-size: 15px; |
27 | } | 28 | } |
@@ -37,7 +38,7 @@ | |||
37 | text-align: right; | 38 | text-align: right; |
38 | 39 | ||
39 | .create-caption { | 40 | .create-caption { |
40 | @include create-button('../../../../assets/images/global/add.svg'); | 41 | @include create-button; |
41 | } | 42 | } |
42 | } | 43 | } |
43 | 44 | ||
@@ -95,13 +96,14 @@ | |||
95 | display: inline-block; | 96 | display: inline-block; |
96 | margin-right: 25px; | 97 | margin-right: 25px; |
97 | 98 | ||
98 | color: #585858; | 99 | color: $grey-foreground-color; |
99 | font-size: 15px; | 100 | font-size: 15px; |
100 | } | 101 | } |
101 | 102 | ||
102 | .submit-button { | 103 | .submit-button { |
103 | @include peertube-button; | 104 | @include peertube-button; |
104 | @include orange-button; | 105 | @include orange-button; |
106 | @include button-with-icon(20px, 1px); | ||
105 | 107 | ||
106 | display: inline-block; | 108 | display: inline-block; |
107 | 109 | ||
@@ -114,16 +116,6 @@ | |||
114 | color: inherit; | 116 | color: inherit; |
115 | font-weight: $font-semibold; | 117 | font-weight: $font-semibold; |
116 | } | 118 | } |
117 | |||
118 | .icon.icon-validate { | ||
119 | @include icon(20px); | ||
120 | |||
121 | cursor: inherit; | ||
122 | position: relative; | ||
123 | top: -1px; | ||
124 | margin-right: 4px; | ||
125 | background-image: url('../../../../assets/images/global/validate.svg'); | ||
126 | } | ||
127 | } | 119 | } |
128 | } | 120 | } |
129 | 121 | ||
@@ -171,10 +163,10 @@ p-calendar { | |||
171 | } | 163 | } |
172 | 164 | ||
173 | tag { | 165 | tag { |
174 | background-color: var(--inputColor) !important; | 166 | background-color: $grey-background-color !important; |
167 | color: #000 !important; | ||
175 | border-radius: 3px !important; | 168 | border-radius: 3px !important; |
176 | font-size: 15px !important; | 169 | font-size: 15px !important; |
177 | color: var(--mainForegroundColor) !important; | ||
178 | height: 30px !important; | 170 | height: 30px !important; |
179 | line-height: 30px !important; | 171 | line-height: 30px !important; |
180 | margin: 0 5px 0 0 !important; | 172 | margin: 0 5px 0 0 !important; |
@@ -197,7 +189,10 @@ p-calendar { | |||
197 | top: -1px; | 189 | top: -1px; |
198 | height: auto !important; | 190 | height: auto !important; |
199 | vertical-align: middle !important; | 191 | vertical-align: middle !important; |
200 | fill: #585858 !important; | 192 | |
193 | path { | ||
194 | fill: $grey-foreground-color !important; | ||
195 | } | ||
201 | } | 196 | } |
202 | 197 | ||
203 | &:hover { | 198 | &:hover { |