fix: remove title bg transition to avoid flush on sidebar on/off

vuejs · Jun 14, 2022 · 1942418 · 1942418
1 parent 9c2a36f
commit 1942418
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git 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
@@ -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;
   }
 }