From 9f75163c2e7bf7d1c5e5ef0fd5e16ca17cced735 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Tue, 18 Apr 2023 19:35:31 +0800
Subject: [PATCH] :bug: fix https://github.com/siyuan-note/siyuan/issues/8027

---
 app/src/assets/scss/business/_config.scss | 8 +++++++-
 app/src/config/bazaar.ts                  | 5 ++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/src/assets/scss/business/_config.scss b/app/src/assets/scss/business/_config.scss
index 35d5eb5b0..4eb682d07 100644
--- a/app/src/assets/scss/business/_config.scss
+++ b/app/src/assets/scss/business/_config.scss
@@ -183,7 +183,7 @@
 
   &-bazaar__readme {
     position: absolute;
-    transition: var(--b3-transition);
+    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms, opacity .3s cubic-bezier(0, 0, .2, 1) 0ms;
     right: -100%;
     top: 0;
     width: 100%;
@@ -192,6 +192,12 @@
     display: flex;
     padding: 16px;
     box-sizing: border-box;
+    opacity: 0;
+
+    &--show {
+      opacity: 1;
+      transform: translateX(-100%);
+    }
 
     .item {
       &__side {
diff --git a/app/src/config/bazaar.ts b/app/src/config/bazaar.ts
index 707afab0c..b966498fd 100644
--- a/app/src/config/bazaar.ts
+++ b/app/src/config/bazaar.ts
@@ -339,7 +339,7 @@ export const bazaar = {
                 highlightRender(mdElement);
             });
         }
-        readmeElement.style.right = "0";
+        readmeElement.classList.add("config-bazaar__readme--show")
     },
     bindEvent() {
         fetchPost("/api/bazaar/getBazaarTheme", {}, response => {
@@ -377,8 +377,7 @@ export const bazaar = {
                     event.stopPropagation();
                     break;
                 } else if (type === "goBack") {
-                    const readmeElement = bazaar.element.querySelector("#configBazaarReadme") as HTMLElement;
-                    readmeElement.style.right = "-100%";
+                    bazaar.element.querySelector("#configBazaarReadme").classList.remove("config-bazaar__readme--show")
                     event.preventDefault();
                     event.stopPropagation();
                     break;