eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-12 11:20:02 +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;
}
#dropzone {
.dropzone {
padding: 30px;
margin: 0 20% 30px;
border: 4px dashed #ccc;
@@ -59,7 +59,7 @@ h1 {
background: #eee;
}
#dropzone input {
.dropzone input {
max-width: 100%;
}

2
examples/index.html
View File

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

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

@@ -8,7 +8,7 @@ module.exports = function ImportImageModuleUi(step, ui) {
// add a file input listener
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>\
<i>Select or drag in an image to overlay.</i>\
</p>\