ayanova/src/components/attachment-control.vue

@@ -53,6 +53,7 @@
                   @dragleave="onDragEnd"
                   class="mt-4"
                   :style="cardTextStyle()"
+                  id="dropDiv"
                 >
                   <v-list color="grey lighten-5" three-line>
                     <v-list-item
@@ -357,7 +358,8 @@ export default {
         });
     },
     onDrop(ev) {
-      ev.target.style.border = "none";
+      var el = document.getElementById("dropDiv");
+      el.style.border = "none";
       //handle file drop
       var files = Array.from(ev.dataTransfer.files);
       if (files.length > 0) {
@@ -366,10 +368,12 @@ export default {
       }
     },
     onDragOver(ev) {
-    ev.target.style.border = "2px dashed #ff0000"
+      var el = document.getElementById("dropDiv");
+      el.style.border = "4px dashed #00ff00";
     },
     onDragEnd(ev) {
-    ev.target.style.border = "none";
+      var el = document.getElementById("dropDiv");
+      el.style.border = "none";
     }
     //-----
   }