fix: unexpected hover behavior of collection sidebar (#4490)

2025-01-09 02:28:59 +03:00 · 2023-09-25 18:22:59 +08:00 · 2023-09-25 18:22:59 +08:00 · 35dc6d6687
commit 35dc6d6687
parent 5b4ce75e13
1 changed files with 4 additions and 2 deletions
--- a/packages/component/src/components/app-sidebar/menu-item/index.css.ts
+++ b/packages/component/src/components/app-sidebar/menu-item/index.css.ts
@ -62,10 +62,12 @@ export const content = style({

 export const postfix = style({
  justifySelf: 'flex-end',
-  visibility: 'hidden',
+  opacity: 0,
+  pointerEvents: 'none',
  selectors: {
    [`${root}:hover &`]: {
-      visibility: 'visible',
+      opacity: 1,
+      pointerEvents: 'all',
    },
  },
 });