From 902ee810c9fd87dda2b3d0607883de43ae677c31 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 14 Nov 2024 12:18:58 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/pull/13143

---
 app/src/assets/scss/component/_typography.scss | 16 ++++++++++++----
 app/src/assets/scss/protyle/_protyle.scss      |  6 +++---
 app/src/assets/scss/protyle/_wysiwyg.scss      |  2 +-
 app/src/assets/scss/util/_keyframes.scss       |  4 ++--
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/app/src/assets/scss/component/_typography.scss b/app/src/assets/scss/component/_typography.scss
index 32475858c..7bb6911f2 100644
--- a/app/src/assets/scss/component/_typography.scss
+++ b/app/src/assets/scss/component/_typography.scss
@@ -119,12 +119,20 @@
 
   blockquote,
   .bq {
-    padding-left: calc(0.25em + 4px);
+    &:before {
+      content: '';
+      background-color: var(--b3-theme-surface-lighter);
+      width: .25em;
+      border-radius: var(--b3-border-radius);
+      position: absolute;
+      left: 2px;
+      top: 6px;
+      bottom: 6px;
+    }
+
+    padding-left: calc(0.25em + 6px);
     color: var(--b3-theme-on-surface);
-    box-shadow: .25em 0 0 0 var(--b3-theme-surface-lighter) inset;
     background-color: var(--b3-bq-background);
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
     display: flex;
     flex-direction: column;
   }
diff --git a/app/src/assets/scss/protyle/_protyle.scss b/app/src/assets/scss/protyle/_protyle.scss
index ceffa2bc6..f7d05c9f7 100644
--- a/app/src/assets/scss/protyle/_protyle.scss
+++ b/app/src/assets/scss/protyle/_protyle.scss
@@ -347,15 +347,15 @@
   margin: 34px 16px 0 24px;
   position: relative;
   font-size: 16px;
-  border-radius: var(--b3-border-radius);
   font-family: var(--b3-font-family-protyle);
+  padding-left: 2px;
 
   &:hover .protyle-title__icon {
     opacity: 1;
   }
 
   &[custom-riff-decks] {
-    box-shadow: 3px 0 0 -1px var(--b3-protyle-inline-mark-background) inset;
+    box-shadow: 2px 0 0 0 var(--b3-protyle-inline-mark-background) inset;
   }
 
   &__icon {
@@ -389,7 +389,7 @@
     font-size: 2em;
     font-weight: bold;
     line-height: 1.625;
-    padding: 0 4px;
+    padding: 0 4px 0 2px;
     white-space: break-spaces;
 
     &:empty:after {
diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss
index 4fdf3b6cb..bbff742d6 100644
--- a/app/src/assets/scss/protyle/_wysiwyg.scss
+++ b/app/src/assets/scss/protyle/_wysiwyg.scss
@@ -22,7 +22,7 @@
     position: relative;
 
     &[custom-riff-decks] {
-      box-shadow: 3px 0 0 -1px var(--b3-protyle-inline-mark-background) inset;
+      box-shadow: 2px 0 0 0 var(--b3-protyle-inline-mark-background) inset;
     }
 
     [spellcheck] {
diff --git a/app/src/assets/scss/util/_keyframes.scss b/app/src/assets/scss/util/_keyframes.scss
index a8bae451f..e6ade24f7 100644
--- a/app/src/assets/scss/util/_keyframes.scss
+++ b/app/src/assets/scss/util/_keyframes.scss
@@ -10,10 +10,10 @@
 
 @keyframes addCard {
   0% {
-    box-shadow: 100vw 0px 0 -1px var(--b3-protyle-inline-mark-background) inset;
+    box-shadow: 100vw 0 0 0 var(--b3-protyle-inline-mark-background) inset;
   }
   100% {
-    box-shadow: 3px 0 0 -1px var(--b3-protyle-inline-mark-background) inset;
+    box-shadow: 2px 0 0 0 var(--b3-protyle-inline-mark-background) inset;
   }
 }