From 9ed2365c9e3c67154b718b2e8d1fb63eba7158d2 Mon Sep 17 00:00:00 2001
From: BoykoAlex <aboyko@pivotal.io>
Date: Thu, 7 Nov 2019 13:43:07 -0500
Subject: [PATCH] Feedback canvas size

---
 src/lib/palette/palette.component.scss | 2 --
 src/lib/palette/palette.component.ts   | 7 +++++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/palette/palette.component.scss b/src/lib/palette/palette.component.scss
index 40fcee2..65d2b5c 100644
--- a/src/lib/palette/palette.component.scss
+++ b/src/lib/palette/palette.component.scss
@@ -3,8 +3,6 @@
 #palette-floater {
   /* TODO size relative to paper that goes on it? */
   opacity: 0.75;
-  width:170px;
-  height:60px;
   background-color: transparent;
   /*
     background-color: #6db33f;
diff --git a/src/lib/palette/palette.component.ts b/src/lib/palette/palette.component.ts
index 5d70e0f..180010e 100644
--- a/src/lib/palette/palette.component.ts
+++ b/src/lib/palette/palette.component.ts
@@ -508,12 +508,15 @@ export class Palette implements OnInit, OnDestroy, OnChanges {
         });
 
         // Only node view expected
-        let box: dia.BBox = (<dia.ElementView>this.floaterpaper.findViewByModel(floaternode)).getBBox();
+        const view = this.floaterpaper.findViewByModel(floaternode);
+        let box: dia.BBox = (<dia.ElementView>view).getBBox();
         let size: dia.Size = floaternode.get('size');
+        parent.css('width', size.width + 10);
+        parent.css('height', size.height + 10);
         // Account for node real size including ports
         floaternode.translate(box.width - size.width, box.height - size.height);
         this.viewBeingDragged = this.floaterpaper.findViewByModel(floaternode);
-        $('#palette-floater').offset({left: event.pageX + 5, top: event.pageY + 5});
+        parent.offset({left: event.pageX + 5, top: event.pageY + 5});
       } else {
         $('#palette-floater').offset({left: event.pageX + 5, top: event.pageY + 5});
         this.trigger({