updated name for drop zone block

This commit is contained in:
bill bittner 2017-10-04 09:05:35 -07:00
parent 34c8fe8513
commit 282faec074
3 changed files with 8 additions and 8 deletions

View file

@ -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%;

View file

@ -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 === "") {

View file

@ -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>