Fix Dropzone CSS styles

Laverna · Feb 9, 2016 · ba704bf · ba704bf
1 parent 1c2ab8a
commit ba704bf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/app/scripts/modules/fileDialog/templates/dialog.html b/app/scripts/modules/fileDialog/templates/dialog.html
@@ -13,7 +13,9 @@ <h4 class="modal-title">
                 </div>
             </form>
 
-            <form class="dropzone" action="">
+            <form class="dropzone--container" action="">
+                <div class="dropzone row">
+                </div>
             </form>
         </div>
         <div class="modal-footer">

diff --git a/app/scripts/modules/fileDialog/views/dialog.js b/app/scripts/modules/fileDialog/views/dialog.js
@@ -12,8 +12,9 @@ define([
     'backbone.radio',
     'behaviors/modalForm',
     'dropzone',
-    'text!modules/fileDialog/templates/dialog.html'
-], function(_, Marionette, Radio, ModalForm, Dropzone, Tmpl) {
+    'text!modules/fileDialog/templates/dialog.html',
+    'text!modules/fileDialog/templates/dropzone.html'
+], function(_, Marionette, Radio, ModalForm, Dropzone, Tmpl, dropzoneTmpl) {
     'use strict';
 
     /**
@@ -65,7 +66,8 @@ define([
                     clickable       : true,
                     accept          : _.bind(this.getImage, this),
                     thumbnailWidth  : 100,
-                    thumbnailHeight : 100
+                    thumbnailHeight : 100,
+                    previewTemplate: dropzoneTmpl
                 });
             }
         },

diff --git a/app/styles/theme-default/main.less b/app/styles/theme-default/main.less
@@ -25,8 +25,9 @@
 // Settings
 @import 'settings.less';
 
-// Pagedown editor
+// Codemirror editor
 @import 'editor.less';
 @import 'codemirror.less';
+@import 'dropzone.less';
 
 @import 'prism.less';