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

2026-02-14 13:25:12 +00:00 · 2023-09-25 18:22:59 +08:00
parent 5b4ce75e13
commit 35dc6d6687
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',
    },
  },
 });