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 = (this.floaterpaper.findViewByModel(floaternode)).getBBox(); + const view = this.floaterpaper.findViewByModel(floaternode); + let box: dia.BBox = (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({