overflow: hidden;
}
-.ctdl-compose-attachments-title {
- padding: 1em;
- background: Gainsboro;
- display: flex;
- flex-wrap: nowrap;
- flex-direction: row;
- justify-content: space-between;
- align-items: auto;
- 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;
+ display: none; /* set to 'block' to make it appear when needed */
+ width: 95%;
+ height: 95%;
+ border: 2px dashed #ccc;
+ border-radius: 20px;
border-color: Black;
justify-content: center;
align-items: center;
- padding: 10px;
+ padding: 1em;
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;
- width: 480px;
- font-family: sans-serif;
- margin: 100px auto;
- padding: 20px;
+.ctdl-upload.highlight {
+ border-color: purple;
}
-.ctdl-upload-drop-area.highlight {
- border-color: purple;
+.ctdl-compose-attachments-title {
+ padding: 1em;
+ background: Gainsboro;
+ display: flex;
+ flex-wrap: nowrap;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: auto;
+ align-content: start
}
.my-form {