From 1942418f9570feb81d8066a2413d70b0f36fb8ce Mon Sep 17 00:00:00 2001
From: Kia Ishii <kia.king.08@gmail.com>
Date: Tue, 14 Jun 2022 19:07:33 +0900
Subject: [PATCH] fix: remove title bg transition to avoid flush on sidebar
 on/off

---
 src/client/theme-default/components/VPNavBarTitle.vue | 1 -
 src/client/theme-default/components/VPSidebar.vue     | 6 ++----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/client/theme-default/components/VPNavBarTitle.vue b/src/client/theme-default/components/VPNavBarTitle.vue
index 865579393539..6f2e0cb66f86 100644
--- a/src/client/theme-default/components/VPNavBarTitle.vue
+++ b/src/client/theme-default/components/VPNavBarTitle.vue
@@ -20,7 +20,6 @@ const { hasSidebar } = useSidebar()
 .VPNavBarTitle {
   flex-shrink: 0;
   border-bottom: 1px solid transparent;
-  transition: background-color 0.5s;
 }
 
 @media (min-width: 960px) {
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index 4d486e8046b6..7602d68b29ac 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -61,15 +61,14 @@ watchPostEffect(async () => {
   overflow-x: hidden;
   overflow-y: auto;
   transform: translateX(-100%);
-  transition: background-color 0.5s, opacity 0.5s, transform 0.25s ease;
+  transition: opacity 0.5s, transform 0.25s ease;
 }
 
 .VPSidebar.open {
   opacity: 1;
   visibility: visible;
   transform: translateX(0);
-  transition: background-color 0.5s,
-              opacity 0.25s,
+  transition: opacity 0.25s,
               transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
 }
 
@@ -90,7 +89,6 @@ watchPostEffect(async () => {
     visibility: visible;
     box-shadow: none;
     transform: translateX(0);
-    transition: border-color 0.5s, background-color 0.5s;
   }
 }