📏 update size of node

frontend/src/components/Nodes/Custom.js

@@ -74,10 +74,8 @@ export default class CustomNodeIframe extends React.Component {
 
     }
     
-    //(Experimental) resize nodes by dragging
+    //resize nodes by dragging
     initial = (e) => {
-      e.dataTransfer.setDragImage(new Image(), 0, 0)
-      console.log( this.myRef.current.offsetHeight,  this.myRef.current.offsetWidth, this.myRef.current.getBoundingClientRect().left, this.myRef.current.getBoundingClientRect().top )
       this.original_width = this.myRef.current.offsetWidth
       this.original_height = this.myRef.current.offsetHeight
 
@@ -198,7 +196,7 @@ export default class CustomNodeIframe extends React.Component {
                   </div>
                   { this.state.size && <>
                   
-                  <div id="remove-ghost" className={`absolute select-none -bottom-0 right-0 w-5 h-5border-2 shadow-2xl rounded-xl z-10 cursor-nwse-resize `}
+                  <div id="remove-ghost" className={`absolute select-none -bottom-0 right-0 w-5 h-5border-2 shadow-2xl rounded-xl z-10 cursor-nwse-resize hover:opacity-50  `}
                        style={{"userDrag": "none"}} 
                          draggable
                          onDragStart={(e) => { this.initial(e) }}

frontend/src/css/dist/output.css

@@ -1431,6 +1431,10 @@ video {
   opacity: 0.6;
 }
 
+.opacity-50 {
+  opacity: 0.5;
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1537,6 +1541,10 @@ video {
   border-color: rgb(74 222 128 / var(--tw-border-opacity));
 }
 
+.hover\:opacity-50:hover {
+  opacity: 0.5;
+}
+
 .focus\:border-sky-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(14 165 233 / var(--tw-border-opacity));