Skip to content

Commit 1942418

Browse files
committed
fix: remove title bg transition to avoid flush on sidebar on/off
1 parent 9c2a36f commit 1942418

File tree

2 files changed

+2
-5
lines changed

2 files changed

+2
-5
lines changed

src/client/theme-default/components/VPNavBarTitle.vue

-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@ const { hasSidebar } = useSidebar()
2020
.VPNavBarTitle {
2121
flex-shrink: 0;
2222
border-bottom: 1px solid transparent;
23-
transition: background-color 0.5s;
2423
}
2524
2625
@media (min-width: 960px) {

src/client/theme-default/components/VPSidebar.vue

+2-4
Original file line numberDiff line numberDiff line change
@@ -61,15 +61,14 @@ watchPostEffect(async () => {
6161
overflow-x: hidden;
6262
overflow-y: auto;
6363
transform: translateX(-100%);
64-
transition: background-color 0.5s, opacity 0.5s, transform 0.25s ease;
64+
transition: opacity 0.5s, transform 0.25s ease;
6565
}
6666
6767
.VPSidebar.open {
6868
opacity: 1;
6969
visibility: visible;
7070
transform: translateX(0);
71-
transition: background-color 0.5s,
72-
opacity 0.25s,
71+
transition: opacity 0.25s,
7372
transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
7473
}
7574
@@ -90,7 +89,6 @@ watchPostEffect(async () => {
9089
visibility: visible;
9190
box-shadow: none;
9291
transform: translateX(0);
93-
transition: border-color 0.5s, background-color 0.5s;
9492
}
9593
}
9694

0 commit comments

Comments
 (0)