From 70c6dddcaa2d911cf97943c83f5a41a1199b4c05 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Wed, 8 Nov 2023 12:11:16 +0800
Subject: [PATCH] :art: row icon

---
 app/src/assets/scss/business/_av.scss | 2 +-
 app/src/protyle/wysiwyg/index.ts      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

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);
                 }
             }