view_mail.js: more progress on upload dialog

[citadel.git] / webcit-ng / static / css / webcit.css

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 1ffb787b1426e6f1896fee526c8ab1f3665d28f5..90b6b674c273dd755fee542de8be7725d9264f1b 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -648,8 +648,21 @@ blockquote pre {
        align-content: start
 }
 
-.ctdl_dfhtu {                                  /* "Drop Files Here To Upload" text */
-       text-align: center;
+.ctdl-upload-drop-area {                       /* shamelessly swiped from https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/ */
+       border: 2px dashed #ccc;
+       border-radius: 20px;
+       width: 480px;
+       font-family: sans-serif;
+       margin: 100px auto;
+       padding: 20px;
+}
+
+.ctdl-upload-drop-area.highlight {
+       border-color: purple;
+}
+
+.my-form {
+       margin-bottom: 10px;
 }
 
 .ctdl-login-screen-grid-container {