💄 fix https://github.com/siyuan-note/siyuan/issues/7635

app/src/assets/scss/export.scss

@@ -2,6 +2,7 @@
 @import "component/tooltips";
 @import "component/typography";
 @import "protyle/wysiwyg";
+@import "protyle/attr";
 @import "util/function";
 @import "business/history";
 @import "component/button";
@@ -32,40 +33,3 @@ svg {
 .b3-typography table, .protyle-wysiwyg table {
   display: table;
 }
-
-.protyle-attr {
-  position: absolute;
-  right: 0;
-  top: -9px;
-  display: flex;
-  opacity: 0;
-  font-size: 12px;
-  font-weight: normal;
-
-  & > div.protyle-attr--bookmark {
-    flex: 1;
-  }
-
-  & > div:not(.protyle-attr--refcount) {
-    margin: 0 4px;
-    display: flex;
-    align-items: center;
-    line-height: 16px;
-    color: var(--b3-theme-on-surface);
-
-    &:hover {
-      color: var(--b3-theme-on-background);
-    }
-
-    svg {
-      height: 12px;
-      width: 12px;
-      margin: 2px 2px 0 0;
-      float: left;
-    }
-  }
-
-  &:empty {
-    display: none;
-  }
-}

app/src/assets/scss/protyle/_attr.scss

@@ -0,0 +1,62 @@
+.protyle-attr {
+  display: flex;
+  position: absolute;
+  right: 12px;
+  top: -12px;
+  opacity: 0;
+  font-size: 12px;
+  font-weight: normal;
+  align-items: center;
+  line-height: 16px;
+
+  & > div.protyle-attr--bookmark {
+    flex: 1;
+  }
+
+  & > div:not(.protyle-attr--refcount) {
+    margin: 0 4px;
+    line-height: 16px;
+    color: var(--b3-theme-on-surface);
+    min-width: 12px;
+
+    &.protyle-attr--memo svg {
+      margin-right: 0;
+    }
+
+    &:hover {
+      color: var(--b3-theme-on-background);
+    }
+
+    svg {
+      height: 12px;
+      width: 12px;
+      margin: 2px 2px 0 0;
+      float: left;
+    }
+  }
+
+  &--refcount {
+    right: -26px;
+    top: 18px;
+    position: absolute;
+    line-height: 16px;
+    padding: 0 4px;
+    color: var(--b3-theme-on-surface);
+    border-radius: 2px;
+    font-size: 12px;
+    user-select: none;
+    cursor: pointer;
+    height: 16px;
+    background-color: var(--b3-theme-surface);
+    z-index: 1; // 防止被 protyle-scroll 遮挡
+
+    &:hover {
+      color: var(--b3-theme-on-background);
+      background-color: var(--b3-theme-surface-lighter);
+    }
+  }
+
+  &:empty {
+    display: none;
+  }
+}

app/src/assets/scss/protyle/_protyle.scss

@@ -1,6 +1,7 @@
 @import "content";
 @import "toolbar";
 @import "wysiwyg";
+@import "attr";
 
 .protyle-scroll {
   --b3-dynamicscroll-width: 200px;
@@ -59,63 +60,6 @@
   }
 }
 
-.protyle-attr {
-  display: flex;
-  position: absolute;
-  right: 0;
-  top: -9px;
-  opacity: 0;
-  font-size: 12px;
-  font-weight: normal;
-
-  & > div.protyle-attr--bookmark {
-    flex: 1;
-  }
-
-  & > div:not(.protyle-attr--refcount) {
-    margin: 0 4px;
-    line-height: 16px;
-    color: var(--b3-theme-on-surface);
-    min-width: 12px;
-
-    &:hover {
-      color: var(--b3-theme-on-background);
-    }
-
-    svg {
-      height: 12px;
-      width: 12px;
-      margin: 2px 2px 0 0;
-      float: left;
-    }
-  }
-
-  &--refcount {
-    right: -16px;
-    top: 18px;
-    position: absolute;
-    line-height: 16px;
-    padding: 0 4px;
-    color: var(--b3-theme-on-surface);
-    border-radius: 2px;
-    font-size: 12px;
-    user-select: none;
-    cursor: pointer;
-    height: 16px;
-    background-color: var(--b3-theme-surface);
-    z-index: 1; // 防止被 protyle-scroll 遮挡
-
-    &:hover {
-      color: var(--b3-theme-on-background);
-      background-color: var(--b3-theme-surface-lighter);
-    }
-  }
-
-  &:empty {
-    display: none;
-  }
-}
-
 .protyle-gutters {
   cursor: pointer;
   user-select: none;

app/src/assets/scss/protyle/_wysiwyg.scss

@@ -163,6 +163,7 @@
 
         & > div .protyle-attr--refcount {
           position: initial;
+          margin-left: 4px;
         }
       }
     }