fix(theme): remove small layout shift on On this page button (#3767)

userquin · web-flow · commit 5f28e74abfc9 · 2024-04-08T21:08:50.000+05:30
diff --git a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
@@ -59,7 +59,7 @@ function scrollToTop() {
     ref="main"
   >
     <button @click="toggle" :class="{ open }" v-if="headers.length > 0">
-      {{ resolveTitle(theme) }}
+      <span class="menu-text">{{ resolveTitle(theme) }}</span>
       <span class="vpi-chevron-right icon" />
     </button>
     <button @click="scrollToTop" v-else>

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ function scrollToTop() {`
`59`	`59`	`ref="main"`
`60`	`60`	`>`
`61`	`61`	`<button @click="toggle" :class="{ open }" v-if="headers.length > 0">`
`62`		`- {{ resolveTitle(theme) }}`
	`62`	`+ <span class="menu-text">{{ resolveTitle(theme) }}</span>`
`63`	`63`	`<span class="vpi-chevron-right icon" />`
`64`	`64`	`</button>`
`65`	`65`	`<button @click="scrollToTop" v-else>`