diff --git a/src/editors/containers/VideoUploadEditor/VideoUploader.jsx b/src/editors/containers/VideoUploadEditor/VideoUploader.jsx index 2b6c98efa..8b7a73f94 100644 --- a/src/editors/containers/VideoUploadEditor/VideoUploader.jsx +++ b/src/editors/containers/VideoUploadEditor/VideoUploader.jsx @@ -36,20 +36,21 @@ const URLUploader = () => { borderless onClick={(event) => { event.stopPropagation(); }} onChange={(event) => { setTextInputValue(event.target.value); }} - /> - { - event.stopPropagation(); - if (textInputValue.trim() !== '') { - onURLUpload(textInputValue); - } - }} + trailingElement={( + { + event.stopPropagation(); + if (textInputValue.trim() !== '') { + onURLUpload(textInputValue); + } + }} + /> + )} /> diff --git a/src/editors/containers/VideoUploadEditor/__snapshots__/VideoUploader.test.jsx.snap b/src/editors/containers/VideoUploadEditor/__snapshots__/VideoUploader.test.jsx.snap index 736654a5c..5a4f1efbc 100644 --- a/src/editors/containers/VideoUploadEditor/__snapshots__/VideoUploader.test.jsx.snap +++ b/src/editors/containers/VideoUploadEditor/__snapshots__/VideoUploader.test.jsx.snap @@ -107,7 +107,7 @@ Object { class="input-group" >
-
- + + + + + + + @@ -259,7 +262,7 @@ Object { class="input-group" >
-
- + + + + + + + diff --git a/src/editors/containers/VideoUploadEditor/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoUploadEditor/__snapshots__/index.test.jsx.snap index dcbdde965..62df48ed6 100644 --- a/src/editors/containers/VideoUploadEditor/__snapshots__/index.test.jsx.snap +++ b/src/editors/containers/VideoUploadEditor/__snapshots__/index.test.jsx.snap @@ -110,7 +110,7 @@ Object { class="input-group" >
-
- + + + + + + + @@ -266,7 +269,7 @@ Object { class="input-group" >
-
- + + + + + + + diff --git a/src/editors/containers/VideoUploadEditor/index.scss b/src/editors/containers/VideoUploadEditor/index.scss index 445e35257..0c678fb8e 100644 --- a/src/editors/containers/VideoUploadEditor/index.scss +++ b/src/editors/containers/VideoUploadEditor/index.scss @@ -1,3 +1,5 @@ +@import "@edx/paragon/scss/core/core"; + .dropzone-middle { border: 2px dashed #ccc; @@ -25,6 +27,14 @@ background-color: #FFFFFF; } + .btn-icon.url-submit-button { + &, &:active, &:hover { + background-color: transparent !important; + border: none !important; + color: $gray-500 !important; + } + } + .prompt-button { background: rgba(239, 234, 247, 0.70); }