diff options
Diffstat (limited to 'packages/app/src/components')
| -rw-r--r-- | packages/app/src/components/file-tree.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/app/src/components/file-tree.tsx b/packages/app/src/components/file-tree.tsx index 83a39a16c..b7f8316d0 100644 --- a/packages/app/src/components/file-tree.tsx +++ b/packages/app/src/components/file-tree.tsx @@ -198,9 +198,9 @@ export default function FileTree(props: { <Collapsible.Content class="relative pt-0.5"> <div classList={{ - "absolute top-0 bottom-0 w-px pointer-events-none bg-border-weak-base": true, - "opacity-100": expanded() && deep() === level, - "opacity-50": !(expanded() && deep() === level), + "absolute top-0 bottom-0 w-px pointer-events-none bg-border-weak-base opacity-0 transition-opacity duration-150 ease-out motion-reduce:transition-none": true, + "group-hover/filetree:opacity-100": expanded() && deep() === level, + "group-hover/filetree:opacity-50": !(expanded() && deep() === level), }} style={`left: ${Math.max(0, 8 + level * 12 - 4) + 8}px`} /> |