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 | 68 |
1 files changed, 6 insertions, 62 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 90d26e13d..1b7bc56b4 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,6 +1,11 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | label { | ||
5 | font-weight: $font-regular; | ||
6 | font-size: 100%; | ||
7 | } | ||
8 | |||
4 | .peertube-select-container { | 9 | .peertube-select-container { |
5 | @include peertube-select-container(auto); | 10 | @include peertube-select-container(auto); |
6 | } | 11 | } |
@@ -148,65 +153,4 @@ p-calendar { | |||
148 | } | 153 | } |
149 | } | 154 | } |
150 | 155 | ||
151 | ::ng-deep { | 156 | @include ng2-tags |
152 | .ng2-tag-input { | ||
153 | border: none !important; | ||
154 | } | ||
155 | |||
156 | .ng2-tags-container { | ||
157 | display: flex; | ||
158 | align-items: center; | ||
159 | border: 1px solid #C6C6C6; | ||
160 | border-radius: 3px; | ||
161 | padding: 5px !important; | ||
162 | height: max-content; | ||
163 | } | ||
164 | |||
165 | tag-input-form { | ||
166 | input { | ||
167 | height: 30px !important; | ||
168 | font-size: 12px !important; | ||
169 | |||
170 | background-color: var(--mainBackgroundColor) !important; | ||
171 | color: var(--mainForegroundColor) !important; | ||
172 | } | ||
173 | } | ||
174 | |||
175 | tag { | ||
176 | background-color: $grey-background-color !important; | ||
177 | color: #000 !important; | ||
178 | border-radius: 3px !important; | ||
179 | font-size: 12px !important; | ||
180 | height: 30px !important; | ||
181 | line-height: 30px !important; | ||
182 | margin: 0 5px 0 0 !important; | ||
183 | cursor: default !important; | ||
184 | padding: 0 8px 0 10px !important; | ||
185 | |||
186 | div { | ||
187 | height: 100% !important; | ||
188 | } | ||
189 | } | ||
190 | |||
191 | delete-icon { | ||
192 | cursor: pointer !important; | ||
193 | height: auto !important; | ||
194 | vertical-align: middle !important; | ||
195 | padding-left: 6px !important; | ||
196 | |||
197 | svg { | ||
198 | position: relative; | ||
199 | top: -1px; | ||
200 | height: auto !important; | ||
201 | vertical-align: middle !important; | ||
202 | |||
203 | path { | ||
204 | fill: $grey-foreground-color !important; | ||
205 | } | ||
206 | } | ||
207 | |||
208 | &:hover { | ||
209 | transform: none !important; | ||
210 | } | ||
211 | } | ||
212 | } | ||