diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss index 97829e5dfec..e85c292c726 100644 --- a/app/src/assets/scss/base.scss +++ b/app/src/assets/scss/base.scss @@ -385,12 +385,5 @@ html { } } -.dragghost [data-node-id] { - &.protyle-wysiwyg--select::after, - &.protyle-wysiwyg--hl::after { - display: none; - } -} - // 需放置最后,否则 https://github.com/siyuan-note/siyuan/issues/7056 @import "util/responsive"; diff --git a/app/src/protyle/gutter/index.ts b/app/src/protyle/gutter/index.ts index a7188d46bd3..add6e3b55ba 100644 --- a/app/src/protyle/gutter/index.ts +++ b/app/src/protyle/gutter/index.ts @@ -127,7 +127,7 @@ export class Gutter { } const ghostElement = document.createElement("div"); - ghostElement.className = protyle.wysiwyg.element.className + " dragghost"; + ghostElement.className = protyle.wysiwyg.element.className; selectElements.forEach(item => { if (item.querySelector("iframe")) { const type = item.getAttribute("data-type"); @@ -141,16 +141,10 @@ export class Gutter { }); ghostElement.setAttribute("style", `position:fixed;opacity:.1;width:${selectElements[0].clientWidth}px;padding:0;`); document.body.append(ghostElement); - if (selectElements[0].classList.contains("li")) { - const actionElement = selectElements[0].querySelector(".protyle-action"); - event.dataTransfer.setDragImage(ghostElement, actionElement.clientWidth / 2, actionElement.clientHeight / 2); - } else { - event.dataTransfer.setDragImage(ghostElement, 0, 0); - } + event.dataTransfer.setDragImage(ghostElement, 0, 0); setTimeout(() => { ghostElement.remove(); }); - buttonElement.style.opacity = "0.1"; window.siyuan.dragElement = avElement as HTMLElement || protyle.wysiwyg.element; event.dataTransfer.setData(`${Constants.SIYUAN_DROP_GUTTER}${buttonElement.getAttribute("data-type")}${Constants.ZWSP}${buttonElement.getAttribute("data-subtype")}${Constants.ZWSP}${selectIds}${Constants.ZWSP}${window.siyuan.config.system.workspaceDir}`, diff --git a/app/src/protyle/util/editorCommonEvent.ts b/app/src/protyle/util/editorCommonEvent.ts index f4557cd0453..1ba3966a60e 100644 --- a/app/src/protyle/util/editorCommonEvent.ts +++ b/app/src/protyle/util/editorCommonEvent.ts @@ -818,11 +818,11 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => { event.preventDefault(); } else if (target.classList.contains("protyle-action")) { const ghostElement = document.createElement("div"); - ghostElement.className = protyle.wysiwyg.element.className + " dragghost"; + ghostElement.className = protyle.wysiwyg.element.className; ghostElement.append(processClonePHElement(target.parentElement.cloneNode(true) as Element)); ghostElement.setAttribute("style", `position:fixed;opacity:.1;width:${target.parentElement.clientWidth}px;padding:0;`); document.body.append(ghostElement); - event.dataTransfer.setDragImage(ghostElement, target.clientWidth / 2, target.clientHeight / 2); + event.dataTransfer.setDragImage(ghostElement, 0, 0); setTimeout(() => { ghostElement.remove(); });