Better frame for selected mode (NME)

nodeEditor/src/diagram/graphCanvas.scss

@@ -133,6 +133,16 @@
                 }
             }
 
+            .frame-box-border {                
+                grid-row: 1 / span 2;
+                grid-column: 1;
+                width: 100%;
+                height: 100%;
+                border: transparent solid 4px;
+                pointer-events: none;
+                box-sizing: border-box;
+            }
+
             .frame-box-header {
                 grid-row: 1;
                 grid-column: 1;
@@ -197,10 +207,8 @@
             }
 
             &.selected {
-                outline: white solid 4px;
-
-                .frame-box-header {
-                  //  border-color: white !important;
+                .frame-box-border {
+                  border-color: white;
                 }
             }
         }

nodeEditor/src/diagram/graphFrame.ts

@@ -16,7 +16,8 @@ export class GraphFrame {
     private _gridAlignedY = 0;    
     private _width: number;
     private _height: number;
-    public element: HTMLDivElement;   
+    public element: HTMLDivElement;       
+    private _borderElement: HTMLDivElement;    
     private _headerElement: HTMLDivElement;    
     private _headerTextElement: HTMLDivElement;        
     private _headerCollapseElement: HTMLDivElement;    
@@ -232,6 +233,10 @@ export class GraphFrame {
         });
         this.element.appendChild(this._headerElement);
 
+        this._borderElement = root.ownerDocument!.createElement("div");  
+        this._borderElement.classList.add("frame-box-border");
+        this.element.appendChild(this._borderElement);
+
         this._headerTextElement = root.ownerDocument!.createElement("div"); 
         this._headerTextElement.classList.add("frame-box-header-title");
         this._headerElement.appendChild(this._headerTextElement);