From 7fbddec426424386d6a27fedd6dc9943b8923f41 Mon Sep 17 00:00:00 2001
From: BeiyanYunyi <14120445+BeiyanYunyi@users.noreply.github.com>
Date: Mon, 23 Sep 2024 22:51:00 +0800
Subject: [PATCH] fix(theme): change the order of CSS rules of  `VPFlyout`

close #4224
---
 src/client/theme-default/components/VPFlyout.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/client/theme-default/components/VPFlyout.vue b/src/client/theme-default/components/VPFlyout.vue
index f4c8f205..7449340d 100644
--- a/src/client/theme-default/components/VPFlyout.vue
+++ b/src/client/theme-default/components/VPFlyout.vue
@@ -78,6 +78,12 @@ function onBlur() {
   color: var(--vp-c-brand-2);
 }
 
+.button[aria-expanded="false"] + .menu {
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(0);
+}
+
 .VPFlyout:hover .menu,
 .button[aria-expanded="true"] + .menu {
   opacity: 1;
@@ -85,12 +91,6 @@ function onBlur() {
   transform: translateY(0);
 }
 
-.button[aria-expanded="false"] + .menu {
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(0);
-}
-
 .button {
   display: flex;
   align-items: center;