LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

updated name for drop zone block

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/assets/css/general.css
View file

@ -346,11 +346,11 @@ table {
border: 2px dashed #1e90ff; border: 2px dashed #1e90ff;
} }
#publish-dropzone-wrapper, #publish-form-wrapper { #primary-dropzone-wrapper, #publish-form-wrapper {
height: 100%; height: 100%;
} }
#publish-dropzone { #primary-dropzone {
height: calc(100% - 4px); height: calc(100% - 4px);
position: relative; position: relative;
} }
@ -359,7 +359,7 @@ table {
position: relative; position: relative;
} }
#publish-dropzone-instructions, #preview-dropzone-instructions { #primary-dropzone-instructions, #preview-dropzone-instructions {
position: absolute; position: absolute;
top: 40%; top: 40%;
left: 50%; left: 50%;

4
public/assets/js/publishFileFunctions.js
View file

@ -9,7 +9,7 @@ function cancelPublish () {
function previewAndStageFile(selectedFile){ function previewAndStageFile(selectedFile){
const publishForm = document.getElementById('publish-form-wrapper'); const publishForm = document.getElementById('publish-form-wrapper');
const assetPreview = document.getElementById('asset-preview-target'); 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 previewReader = new FileReader();
const nameInput = document.getElementById('claim-name-input'); const nameInput = document.getElementById('claim-name-input');
const fileSelectionError = document.getElementById('input-error-file-selection'); 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"/>` assetPreview.innerHTML = `<img id="asset-preview" src="/assets/img/black_video_play.jpg"/>`
} }
// hide the drop zone // hide the drop zone
dropzoneWrapper.hidden = true; primaryDropzone.hidden = true;
publishForm.hidden = false; publishForm.hidden = false;
// set the name input value to the image name if none is set yet // set the name input value to the image name if none is set yet
if (nameInput.value === "") { if (nameInput.value === "") {

6
views/index.handlebars
View file

@ -2,9 +2,9 @@
{{> topBar}} {{> topBar}}
<div class="row row--full-height"> <div class="row row--full-height">
<div id="publish-dropzone-wrapper"> <div id="primary-dropzone-wrapper">
<div id="publish-dropzone" class="dropzone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)"> <div id="primary-dropzone" class="dropzone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)">
<div id="publish-dropzone-instructions"> <div id="primary-dropzone-instructions">
<div class="row"> <div class="row">
<p>Drag & drop image or video here</p> <p>Drag & drop image or video here</p>
<p>OR</p> <p>OR</p>