minor drag improvements.

Polymer · Jun 6, 2014 · b565a62 · b565a62
1 parent d5e3bdf
commit b565a62
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/elements/design-canvas/design-canvas.html b/elements/design-canvas/design-canvas.html
@@ -291,12 +291,14 @@
     };
     dragInfo.drop = function() {
       this.dropTarget = this.dropTarget || scope(this.event.relatedTarget);
-      this.dropTarget.classList.remove('drop-target');
       return drop(this);
     };
   },
 
   drop: function(dragInfo) {
+    if (this.dropTarget) {
+      this.dropTarget.classList.remove('drop-target');
+    }
     this.dragInfo = null;
     // remove dragging affordances (e.g. absolutely positioned)
     this.unsetDraggableStyleRules(dragInfo.element);

diff --git a/elements/design-palette/design-palette.css b/elements/design-palette/design-palette.css
@@ -36,6 +36,10 @@
   -ms-user-select: none;
 }
 
+core-submenu::shadow #submenu {
+  margin-left: 24px;
+}
+
 .group-item {
   font-weight: 500;
 }
@@ -70,13 +74,13 @@
   background-color: white;
 }
 
-.grid-item > * {
-  pointer-events: none;
+.grid-item > * {
+  pointer-events: none;
 }
 
 img {
-  vertical-align: middle;
-}
+  vertical-align: middle;
+}
 
 [ishidden] {
   display: none;

diff --git a/elements/designer-element/designer-element.html b/elements/designer-element/designer-element.html
@@ -221,6 +221,13 @@
     targetFinding = null;
     // forward event to designer
     this.designer.paletteDrag(event, dragInfo);
+    // cleanup coordinates
+    var drag = dragInfo.drag;
+    dragInfo.drag = function() {
+      this.event.clientY -= rect.top;
+      return drag.apply(this, arguments);
+    }
+
     // cleanup in drop
     var drop = dragInfo.drop;
     dragInfo.drop = function() {