diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss index ae78b0269..2ce1b7870 100644 --- a/app/src/assets/scss/business/_av.scss +++ b/app/src/assets/scss/business/_av.scss @@ -60,7 +60,7 @@ &__gutters { @extend .protyle-gutters; - position: absolute; + position: fixed; top: 0; left: -44px; opacity: 0; diff --git a/app/src/protyle/wysiwyg/index.ts b/app/src/protyle/wysiwyg/index.ts index 55634d49a..9789d372e 100644 --- a/app/src/protyle/wysiwyg/index.ts +++ b/app/src/protyle/wysiwyg/index.ts @@ -1452,6 +1452,12 @@ export class WYSIWYG { if (embedElement) { protyle.gutter.render(protyle, embedElement, this.element); } else { + // database 行块标 + const rowElement = hasClosestByClassName(event.target, "av__row"); + if (rowElement && rowElement.dataset.id) { + const rowRect = rowElement.getBoundingClientRect(); + rowElement.firstElementChild.setAttribute("style", `left:${rowRect.left - 44}px;top:${rowRect.top}px`); + } protyle.gutter.render(protyle, nodeElement, this.element); } }