From 96c7e85aa440b4c3a5b5c8b52478ed44eff7385a Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 25 May 2023 23:41:52 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/8365

---
 app/src/assets/scss/protyle/_protyle.scss | 1 +
 app/src/protyle/wysiwyg/transaction.ts    | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss
index 737a37836..a1d23d76b 100644
--- a/app/src/assets/scss/protyle/_protyle.scss
+++ b/app/src/assets/scss/protyle/_protyle.scss
@@ -371,6 +371,7 @@
   margin: 34px 16px 0 24px;
   position: relative;
   font-size: 16px;
+  border-radius: 4px;
 
   &:hover .protyle-title__icon {
     opacity: 1;
diff --git a/app/src/protyle/wysiwyg/transaction.ts b/app/src/protyle/wysiwyg/transaction.ts
index 3a87f64a6..315536489 100644
--- a/app/src/protyle/wysiwyg/transaction.ts
+++ b/app/src/protyle/wysiwyg/transaction.ts
@@ -485,6 +485,9 @@ export const onTransaction = (protyle: IProtyle, operation: IOperation, focus: b
             Object.keys(data.old).forEach(key => {
                 item.removeAttribute(key);
             });
+            if (data.new.style && data.new["custom-riff-decks"]) {
+                data.new.style += ";animation:addCard 450ms linear";
+            }
             Object.keys(data.new).forEach(key => {
                 item.setAttribute(key, data.new[key]);
                 if (key === "custom-riff-decks") {