diff --git a/services/static-webserver/client/source/class/osparc/dashboard/DragWidget.js b/services/static-webserver/client/source/class/osparc/dashboard/DragWidget.js index b6f0c32ac00..e5ca281309c 100644 --- a/services/static-webserver/client/source/class/osparc/dashboard/DragWidget.js +++ b/services/static-webserver/client/source/class/osparc/dashboard/DragWidget.js @@ -40,7 +40,7 @@ qx.Class.define("osparc.dashboard.DragWidget", { if (this.getContentElement()) { const domEl = this.getContentElement().getDomElement(); domEl.style.left = `${e.pageX + 12}px`; - domEl.style.top = `${e.pageY + 12}px`; + domEl.style.top = `${e.pageY + 16}px`; } }, @@ -48,16 +48,14 @@ qx.Class.define("osparc.dashboard.DragWidget", { this.show(); document.addEventListener("mousemove", this.__onMouseMoveDragging.bind(this), false); - // this widget will give the drop validity feedback const cursor = qx.ui.core.DragDropCursor.getInstance(); - cursor.setAppearance("dragdrop-no-cursor"); + cursor.setAppearance("dragdrop-own-cursor"); }, end: function() { this.exclude(); document.removeEventListener("mousemove", this.__onMouseMoveDragging.bind(this), false); - // reset to default const cursor = qx.ui.core.DragDropCursor.getInstance(); cursor.setAppearance("dragdrop-cursor"); }, diff --git a/services/static-webserver/client/source/class/osparc/theme/Appearance.js b/services/static-webserver/client/source/class/osparc/theme/Appearance.js index 8ae0db75329..3e542838d35 100644 --- a/services/static-webserver/client/source/class/osparc/theme/Appearance.js +++ b/services/static-webserver/client/source/class/osparc/theme/Appearance.js @@ -19,10 +19,18 @@ qx.Theme.define("osparc.theme.Appearance", { extend: osparc.theme.common.Appearance, appearances: { - "dragdrop-no-cursor": { + "dragdrop-own-cursor": { style: states => { + let icon = ""; + if (states.move) { + icon = "@FontAwesome5Solid/check/14"; + } else { + icon = "@FontAwesome5Solid/times/14"; + } return { - source: "", + source: icon, + position: "right-top", + offset: [0, 0, 0, 12], } } },