view_mail.js: move upload dialog from ctdl_big_modal to ctdl-upload

[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 90b6b674c273dd755fee542de8be7725d9264f1b..ca1e5422ce1e9e6b6126b599fe42b90a533d78a6 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -648,6 +648,22 @@ blockquote pre {
        align-content: start
 }
 
+.ctdl-upload {
+       display: none;                          /* set to "block" to make the modal appear */
+       z-index: 8;
+       position: fixed;
+       top: 50%;
+       left: 50%;
+       transform: translate(-50%, -50%);
+       border-style: outset;
+       border-width: 3px;
+       border-color: Black;
+       justify-content: center;
+       align-items: center;
+       padding: 10px;
+       background-color: GhostWhite;
+}
+
 .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;