From 64fa7f2d71bbef475d2842541e4e3714e757ff1c Mon Sep 17 00:00:00 2001 From: Peng Xiao Date: Sat, 20 Aug 2022 12:14:30 +0800 Subject: [PATCH] fix: selection box offset issue --- src/main/frontend/components/block.cljs | 33 ++++++++++--------- .../src/lib/shapes/LogseqPortalShape.tsx | 4 +-- 2 files changed, 19 insertions(+), 18 deletions(-) diff --git a/src/main/frontend/components/block.cljs b/src/main/frontend/components/block.cljs index f5bd23ddbc..7b6ca8834e 100644 --- a/src/main/frontend/components/block.cljs +++ b/src/main/frontend/components/block.cljs @@ -2202,24 +2202,25 @@ (editor-handler/unhighlight-blocks!) (state/set-editing! edit-input-id (:block/content block) block ""))}}) (block-content config block edit-input-id block-id slide?))] - [:div.flex.flex-row.items-center - (when (and (:embed? config) - (:embed-parent config)) - [:a.opacity-70.hover:opacity-100.svg-small.inline - {:on-mouse-down (fn [e] - (util/stop e) - (when-let [block (:embed-parent config)] - (editor-handler/edit-block! block :max (:block/uuid block))))} - svg/edit]) + (when-not hide-block-refs-count? + [:div.flex.flex-row.items-center + (when (and (:embed? config) + (:embed-parent config)) + [:a.opacity-70.hover:opacity-100.svg-small.inline + {:on-mouse-down (fn [e] + (util/stop e) + (when-let [block (:embed-parent config)] + (editor-handler/edit-block! block :max (:block/uuid block))))} + svg/edit]) - (when block-reference-only? - [:a.opacity-70.hover:opacity-100.svg-small.inline - {:on-mouse-down (fn [e] - (util/stop e) - (editor-handler/edit-block! block :max (:block/uuid block)))} - svg/edit]) + (when block-reference-only? + [:a.opacity-70.hover:opacity-100.svg-small.inline + {:on-mouse-down (fn [e] + (util/stop e) + (editor-handler/edit-block! block :max (:block/uuid block)))} + svg/edit]) - (when-not hide-block-refs-count? (block-refs-count block *hide-block-refs?))]] + (block-refs-count block *hide-block-refs?)])] (when (and (not @*hide-block-refs?) (> refs-count 0)) (let [refs-cp (state/get-component :block/linked-references)] diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx index 4b5b8c1844..155290a1bb 100644 --- a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx +++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx @@ -210,7 +210,7 @@ export class LogseqPortalShape extends TLBoxShape { } updateSize() // Hacky, I know 🤨 - this.getInnerHeight = () => updateSize()[1] + 2 // 2 is a hack to compensate for the border + this.getInnerHeight = () => updateSize()[1] const resizeObserver = new ResizeObserver(() => { updateSize() }) @@ -657,7 +657,7 @@ export class LogseqPortalShape extends TLBoxShape { React.useEffect(() => { if (this.shouldAutoResizeHeight()) { - const newHeight = innerHeight + this.getHeaderHeight() + 2 + const newHeight = innerHeight + this.getHeaderHeight() if (innerHeight && newHeight !== this.props.size[1]) { this.update({ size: [this.props.size[0], newHeight],