fix(theme): change the order of CSS rules of `VPFlyout` (#4225)

close #4224
1 month ago · 68150a6f33
parent 2d0c4993ac
commit 68150a6f33
1 changed files with 6 additions and 6 deletions
--- 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;