eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-12 03:10:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed Import Image Text Overflow (#695)

Browse Source 
* Replace dropzone id with dropzone class

* Added dropzone class to div container

* Updated dropZone listener

* Changed #dropzone input to .dropzone input
This commit is contained in:
Maseu
2019-01-22 21:26:04 +01:00
committed by Jeffrey Warren
parent 3d2d7844b6
commit dc361a3ab8
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/demo.css
View File

@@ -46,7 +46,7 @@ h1 {
padding: 0px 0px; padding: 0px 0px;
} }
#dropzone { .dropzone {
padding: 30px; padding: 30px;
margin: 0 20% 30px; margin: 0 20% 30px;
border: 4px dashed #ccc; border: 4px dashed #ccc;
@@ -59,7 +59,7 @@ h1 {
background: #eee; background: #eee;
} }
#dropzone input { .dropzone input {
max-width: 100%; max-width: 100%;
} }

2
examples/index.html
View File

@@ -63,7 +63,7 @@
</p> </p>
</header> </header>
<div id="dropzone"> <div id="dropzone" class="dropzone">
<p> <p>
<i>Select or drag in an image to start!</i> <i>Select or drag in an image to start!</i>
</p> </p>

4
src/modules/ImportImage/Ui.js
View File

@@ -8,8 +8,8 @@ module.exports = function ImportImageModuleUi(step, ui) {
// add a file input listener // add a file input listener
var dropZone ='\ var dropZone ='\
<div style="padding: 30px;margin: 10px 20% 30px;border: 4px dashed #ccc;border-radius: 8px;text-align: center;color: #444;" id="' + dropzoneId + '">\ <div class="dropzone" style="padding: 30px;margin: 10px 20% 30px;border: 4px dashed #ccc;border-radius: 8px;text-align: center;color: #444;" id="' + dropzoneId + '">\
<p>\ <p>\
<i>Select or drag in an image to overlay.</i>\ <i>Select or drag in an image to overlay.</i>\
</p>\ </p>\
<center>\ <center>\