diff --git a/src/editors/containers/VideoUploadEditor/VideoUploader.jsx b/src/editors/containers/VideoUploadEditor/VideoUploader.jsx index c2783fe64..e203ea9ae 100644 --- a/src/editors/containers/VideoUploadEditor/VideoUploader.jsx +++ b/src/editors/containers/VideoUploadEditor/VideoUploader.jsx @@ -17,17 +17,20 @@ const URLUploader = () => { const intl = useIntl(); return (
-
- +
+
-
- {intl.formatMessage(messages.dropVideoFileHere)} - {intl.formatMessage(messages.info)} +
+ {intl.formatMessage(messages.dropVideoFileHere)} + {intl.formatMessage(messages.info)}
-
OR
-
+
+ OR +
+
{ onClick={(event) => { event.stopPropagation(); }} onChange={(event) => { setTextInputValue(event.target.value); }} /> -
- { - event.stopPropagation(); - if (textInputValue.trim() !== '') { - onURLUpload(textInputValue); - } - }} - /> -
+ { + event.stopPropagation(); + if (textInputValue.trim() !== '') { + onURLUpload(textInputValue); + } + }} + />
diff --git a/src/editors/containers/VideoUploadEditor/index.scss b/src/editors/containers/VideoUploadEditor/index.scss index c1bd2f3be..445e35257 100644 --- a/src/editors/containers/VideoUploadEditor/index.scss +++ b/src/editors/containers/VideoUploadEditor/index.scss @@ -11,12 +11,6 @@ width: 100%; } -.url-submit-button { - position: absolute; - margin-left: 17rem; - font-size: 0.75rem; -} - .video-id-prompt { input::placeholder { @@ -24,7 +18,6 @@ // color: #5E35B1; font-weight: '500'; word-wrap: 'break-word'; - font-size: 0.875rem !important; } button { @@ -36,17 +29,3 @@ background: rgba(239, 234, 247, 0.70); } } - -.video-upload-input-group{ - .form-control { - font-size: 0.875rem !important; - width: 308px !important; - height: 44px !important; - } - - .pgn__icon.pgn__icon__lg { - width: 3.625rem !important; - height: 3.625rem !important; - } -} -