From 94d18981e257dae5c6f49f1cce6e14f889dbc741 Mon Sep 17 00:00:00 2001
From: Jeffrey Chen <78434827+TCOTC@users.noreply.github.com>
Date: Sun, 24 Nov 2024 18:54:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=E6=B7=BB=E5=8A=A0=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5=E6=8C=89=E9=92=AE=20=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/app/src/assets/scss/business/_custom.scss b/app/src/assets/scss/business/_custom.scss
index 92350e033fe..d6e3abc84da 100644
--- a/app/src/assets/scss/business/_custom.scss
+++ b/app/src/assets/scss/business/_custom.scss
@@ -83,6 +83,29 @@
     }
   }
 
+  .block__icons--addcolumn {
+    padding: 0 8px;
+
+    .b3-button[data-type="addColumn"] {
+      margin: 0 0 0 16px;
+      color: var(--b3-theme-on-surface);
+      background-color: rgba(0,0,0,0);
+
+      &:hover,
+      &:focus {
+        background-color: var(--b3-list-hover);
+        box-shadow: none;
+      }
+
+      svg {
+        padding: 4px;
+      }
+    }
+    span {
+      padding-right: 4px;
+    }
+  }
+
   .b3-text-field--text {
     transition: var(--b3-transition);
     min-height: 34px;
diff --git a/app/src/protyle/render/av/blockAttr.ts b/app/src/protyle/render/av/blockAttr.ts
index 3e795eeaab3..763a59b9469 100644
--- a/app/src/protyle/render/av/blockAttr.ts
+++ b/app/src/protyle/render/av/blockAttr.ts
@@ -192,10 +192,10 @@ data-options="${item.key?.options ? escapeAttr(JSON.stringify(item.key.options))
 class="fn__flex-1 fn__flex${["url", "text", "number", "email", "phone"].includes(item.values[0].type) ? "" : ["block", "created", "updated"].includes(item.values[0].type) ? " custom-attr__avvalue--readonly" : " custom-attr__avvalue"}">${genAVValueHTML(item.values[0])}</div>
 </div>`;
             });
-            innerHTML += `<div class="fn__hr"></div>
+            innerHTML += `<div class="fn__hr block__icons--addcolumn"></div>
 <div class="fn__flex">
     <div class="fn__space"></div><div class="fn__space"></div>
-    <button data-type="addColumn" class="b3-button b3-button--outline"><svg><use xlink:href="#iconAdd"></use></svg>${window.siyuan.languages.newCol}</button>
+    <button data-type="addColumn" class="b3-button"><svg><use xlink:href="#iconAdd"></use></svg><span>${window.siyuan.languages.newCol}</span></button>
 </div><div class="fn__hr--b"></div>`;
             html += `<div data-av-id="${table.avID}" data-node-id="${id}" data-type="NodeAttributeView">${innerHTML}</div>`;