updated name for drop zone block
This commit is contained in:
parent
34c8fe8513
commit
282faec074
3 changed files with 8 additions and 8 deletions
|
@ -346,11 +346,11 @@ table {
|
|||
border: 2px dashed #1e90ff;
|
||||
}
|
||||
|
||||
#publish-dropzone-wrapper, #publish-form-wrapper {
|
||||
#primary-dropzone-wrapper, #publish-form-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#publish-dropzone {
|
||||
#primary-dropzone {
|
||||
height: calc(100% - 4px);
|
||||
position: relative;
|
||||
}
|
||||
|
@ -359,7 +359,7 @@ table {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
#publish-dropzone-instructions, #preview-dropzone-instructions {
|
||||
#primary-dropzone-instructions, #preview-dropzone-instructions {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
|
|
|
@ -9,7 +9,7 @@ function cancelPublish () {
|
|||
function previewAndStageFile(selectedFile){
|
||||
const publishForm = document.getElementById('publish-form-wrapper');
|
||||
const assetPreview = document.getElementById('asset-preview-target');
|
||||
const dropzoneWrapper = document.getElementById('publish-dropzone-wrapper');
|
||||
const primaryDropzone = document.getElementById('primary-dropzone-wrapper');
|
||||
const previewReader = new FileReader();
|
||||
const nameInput = document.getElementById('claim-name-input');
|
||||
const fileSelectionError = document.getElementById('input-error-file-selection');
|
||||
|
@ -36,7 +36,7 @@ function previewAndStageFile(selectedFile){
|
|||
assetPreview.innerHTML = `<img id="asset-preview" src="/assets/img/black_video_play.jpg"/>`
|
||||
}
|
||||
// hide the drop zone
|
||||
dropzoneWrapper.hidden = true;
|
||||
primaryDropzone.hidden = true;
|
||||
publishForm.hidden = false;
|
||||
// set the name input value to the image name if none is set yet
|
||||
if (nameInput.value === "") {
|
||||
|
|
|
@ -2,9 +2,9 @@
|
|||
|
||||
{{> topBar}}
|
||||
<div class="row row--full-height">
|
||||
<div id="publish-dropzone-wrapper">
|
||||
<div id="publish-dropzone" class="dropzone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)">
|
||||
<div id="publish-dropzone-instructions">
|
||||
<div id="primary-dropzone-wrapper">
|
||||
<div id="primary-dropzone" class="dropzone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)">
|
||||
<div id="primary-dropzone-instructions">
|
||||
<div class="row">
|
||||
<p>Drag & drop image or video here</p>
|
||||
<p>OR</p>
|
||||
|
|
Loading…
Reference in a new issue