monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): fade filetree guide lines on hover

Browse Source
This commit is contained in:
David Hill
2026-01-26 19:01:25 +00:00
parent 010ed55590
commit c6febd8ddd
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/components/file-tree.tsx
View File

@@ -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`}
/>