From 4f8d06ba286c59bcbb4fe85616906851b3716e84 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Fri, 3 Nov 2023 10:20:28 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/9285

---
 app/src/assets/scss/business/_custom.scss | 8 ++++++++
 app/src/protyle/render/av/blockAttr.ts    | 5 +++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/src/assets/scss/business/_custom.scss b/app/src/assets/scss/business/_custom.scss
index 4e35bf072..4b56e8287 100644
--- a/app/src/assets/scss/business/_custom.scss
+++ b/app/src/assets/scss/business/_custom.scss
@@ -19,11 +19,19 @@
     }
 
     &.custom-attr__avheader {
+      color: var(--b3-protyle-inline-blockref-color);
+      opacity: .86;
+      transition: var(--b3-transition);
       width: 100%;
       align-items: center;
       justify-content: center;
       border-bottom: 1px solid var(--b3-border-color);
       padding: 8px 0;
+      cursor: pointer;
+
+      &:hover {
+        opacity: 1;
+      }
     }
   }
 
diff --git a/app/src/protyle/render/av/blockAttr.ts b/app/src/protyle/render/av/blockAttr.ts
index 095311651..394ea17ed 100644
--- a/app/src/protyle/render/av/blockAttr.ts
+++ b/app/src/protyle/render/av/blockAttr.ts
@@ -84,13 +84,14 @@ export const renderAVAttribute = (element: HTMLElement, id: string, protyle?: IP
             avID: string
             avName: string
         }) => {
-            html += `<div data-av-id="${table.avID}" data-node-id="${id}" data-type="NodeAttributeView"><div class="block__logo custom-attr__avheader">
+            html += `<div data-av-id="${table.avID}" data-node-id="${id}" data-type="NodeAttributeView">
+<div class="block__logo custom-attr__avheader popover__block" data-id='${JSON.stringify(table.blockIDs)}'>
     <svg><use xlink:href="#iconDatabase"></use></svg>
     <span>${table.avName || window.siyuan.languages.database}</span>
 </div>`;
             table.keyValues?.forEach(item => {
                 html += `<div class="block__icons" data-id="${id}">
-    <div class="block__logo popover__block">
+    <div class="block__logo">
         <svg><use xlink:href="#${getColIconByType(item.key.type)}"></use></svg>
         <span>${item.key.name}</span>
     </div>