aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-edit/shared/video-edit.component.scss
diff options
context:
space:
mode:
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.scss68
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
4label {
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}