Add file drag and drop and asynchronous upload

2 files changed, 39 insertions, 19 deletions

diff --git a/assets/css/src/screenshot.css b/assets/css/src/screenshot.css
deleted file mode 100644
index 4d917200..00000000
--- a/assets/css/src/screenshot.css
+++ /dev/null
@@ -1,19 +0,0 @@
-#screenshot-zone {
-    position: relative;
-    border: 2px dashed #ccc;
-    width: 90%;
-    height: 250px;
-    overflow: auto;
-}
-
-#screenshot-inner {
-    position: absolute;
-    left: 0;
-    bottom: 48%;
-    width: 100%;
-    text-align: center;
-}
-
-#screenshot-zone.screenshot-pasted {
-    border: 2px solid #333;
-}
\ No newline at end of file
diff --git a/assets/css/src/upload.css b/assets/css/src/upload.css
new file mode 100644
index 00000000..aa46bc7a
--- /dev/null
+++ b/assets/css/src/upload.css
@@ -0,0 +1,39 @@
+#file-dropzone,
+#screenshot-zone {
+    position: relative;
+    border: 2px dashed #ccc;
+    width: 99%;
+    height: 250px;
+    overflow: auto;
+}
+
+#file-dropzone-inner,
+#screenshot-inner {
+    position: absolute;
+    left: 0;
+    bottom: 48%;
+    width: 100%;
+    text-align: center;
+    color: #aaa;
+}
+
+#screenshot-zone.screenshot-pasted {
+    border: 2px solid #333;
+}
+
+#file-list {
+    margin: 20px;
+}
+
+#file-list li {
+    list-style-type: none;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    border-bottom: 1px dotted #ddd;
+    width: 95%;
+}
+
+#file-list li.file-error {
+    font-weight: bold;
+    color: #b94a48;
+}