pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] web_editor: permit drag images and start from anywhere on it

Browse Source 
Before this commit when the user was dragging an image in the editor,
the image was always dragged from the top middle of the image. Now the
user can drag the image from anywhere on it.

task-3369600

Part-of: odoo/odoo#125151
This commit is contained in:
Guillaume (gdi)
2023-10-13 21:11:49 +00:00
committed by Benjamin Vray
parent cff6f79b5f
commit 514d3dbad4
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/js/editor/snippets.editor.js
+6 -4
View File
@@ -819,6 +819,8 @@ var SnippetEditor = Widget.extend({
return false;
}
this.dragStarted = true;
this.mousePositionYOnElement = ev.originalEvent.clientY - ui.offset.top;
this.mousePositionXOnElement = ev.originalEvent.clientX - ui.offset.left;
this._onDragAndDropStart();
},
stop: (...args) => {
@@ -1634,15 +1636,15 @@ var SnippetEditor = Widget.extend({
const borderWidth = parseFloat(window.getComputedStyle(columnEl).borderWidth);
const columnHeight = columnEl.clientHeight + 2 * borderWidth;
const columnWidth = columnEl.clientWidth + 2 * borderWidth;
const columnMiddle = columnWidth / 2;
// Placing the column where the mouse is.
const top = ev.pageY - rowElTop;
let top = ev.pageY - rowElTop - this.mousePositionYOnElement;
const bottom = top + columnHeight;
let left = ev.pageX - rowElLeft - columnMiddle;
let left = ev.pageX - rowElLeft - this.mousePositionXOnElement;
// Horizontal overflow.
// Horizontal & vertical overflow.
left = clamp(left, 0, rowEl.clientWidth - columnWidth);
top = clamp(top, 0, rowEl.clientHeight - columnHeight);
columnEl.style.top = top + 'px';
columnEl.style.left = left + 'px';