From 358bf75238ed3cd4f5b00b7a21a0485a04a52f5b Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 22 Dec 2022 21:34:14 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/6710

---
 app/src/assets/scss/_dialog.scss | 3 ++-
 app/src/card/openCard.ts         | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/src/assets/scss/_dialog.scss b/app/src/assets/scss/_dialog.scss
index 0c30dbb16..042910b05 100644
--- a/app/src/assets/scss/_dialog.scss
+++ b/app/src/assets/scss/_dialog.scss
@@ -118,6 +118,7 @@
     flex: 1;
     text-align: center;
     color: var(--b3-theme-on-surface);
+    font-size: 16px;
   }
 
   &__cardblock {
@@ -125,7 +126,7 @@
       padding: 16px;
     }
 
-    span[data-type~=mark] {
+    &--show span[data-type~=mark] {
       transition: var(--b3-transition);
       color: var(--b3-protyle-inline-mark-background) !important;
     }
diff --git a/app/src/card/openCard.ts b/app/src/card/openCard.ts
index e9eef7d71..d6ff8d39f 100644
--- a/app/src/card/openCard.ts
+++ b/app/src/card/openCard.ts
@@ -27,7 +27,7 @@ export const openCard = () => {
         <div style="margin-left: 8px" class="ft__on-surface ft__smaller fn__flex-center${blocks.length === 0 ? " fn__none" : ""}" data-type="count">${countHTML}</div>
     </div>
     <div class="fn__hr"><input style="opacity: 0;height: 1px;box-sizing: border-box"></div>
-    <div class="b3-dialog__cardblock fn__flex-1${blocks.length === 0 ? " fn__none" : ""}" data-type="render"></div>
+    <div class="b3-dialog__cardblock b3-dialog__cardblock--show fn__flex-1${blocks.length === 0 ? " fn__none" : ""}" data-type="render"></div>
     <div class="b3-dialog__cardempty${blocks.length === 0 ? "" : " fn__none"}" data-type="empty">${window.siyuan.languages.noDueCard}</div>
     <div class="fn__hr"></div>
     <div class="fn__flex${blocks.length === 0 ? " fn__none" : ""}" data-type="action">
@@ -117,7 +117,7 @@ export const openCard = () => {
                 event.preventDefault();
                 event.stopPropagation();
                 if (type === "-1") {
-                    editor.protyle.element.classList.toggle("b3-dialog__cardblock");
+                    editor.protyle.element.classList.toggle("b3-dialog__cardblock--show");
                     return;
                 }
                 if (["0", "1", "2", "3"].includes(type)) {