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

fix: use group-hover for file tree icon color swap at all nesting levels

Browse Source
This commit is contained in:
David Hill
2026-02-18 13:18:21 +00:00
parent c34ad7223a
commit fbe9669c57
2 changed files with 9 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -550,8 +550,15 @@ export default function FileTree(props: {
</Match> </Match>
<Match when={!node.ignored}> <Match when={!node.ignored}>
<span class="filetree-iconpair size-4"> <span class="filetree-iconpair size-4">
<FileIcon node={node} class="size-4 filetree-icon filetree-icon--color" /> <FileIcon
<FileIcon node={node} class="size-4 filetree-icon filetree-icon--mono" mono /> node={node}
class="size-4 filetree-icon filetree-icon--color opacity-0 group-hover/filetree:opacity-100"
/>
<FileIcon
node={node}
class="size-4 filetree-icon filetree-icon--mono group-hover/filetree:opacity-0"
mono
/>
</span> </span>
</Match> </Match>
</Switch> </Switch>

12
packages/ui/src/components/file-icon.css
View File

@@ -23,15 +23,3 @@
position: absolute; position: absolute;
inset: 0; inset: 0;
} }
[data-component="filetree"] .filetree-iconpair .filetree-icon--color {
opacity: 0;
}
[data-component="filetree"]:hover .filetree-iconpair .filetree-icon--color {
opacity: 1;
}
[data-component="filetree"]:hover .filetree-iconpair .filetree-icon--mono {
opacity: 0;
}