diff options
| author | David Hill <[email protected]> | 2026-02-18 13:18:21 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-18 13:20:02 +0000 |
| commit | fbe9669c5785d51e3e4e5ec17dbb846a742614ca (patch) | |
| tree | 1fd7c8088f63cd73ee1e883fc7d1cca3b4789a2c | |
| parent | c34ad7223afff318cffef97cf84b8ec579ac352d (diff) | |
| download | opencode-fbe9669c5785d51e3e4e5ec17dbb846a742614ca.tar.gz opencode-fbe9669c5785d51e3e4e5ec17dbb846a742614ca.zip | |
fix: use group-hover for file tree icon color swap at all nesting levels
| -rw-r--r-- | packages/app/src/components/file-tree.tsx | 11 | ||||
| -rw-r--r-- | packages/ui/src/components/file-icon.css | 12 |
2 files changed, 9 insertions, 14 deletions
diff --git a/packages/app/src/components/file-tree.tsx b/packages/app/src/components/file-tree.tsx index db0df6fe3..cec094354 100644 --- a/packages/app/src/components/file-tree.tsx +++ b/packages/app/src/components/file-tree.tsx @@ -550,8 +550,15 @@ export default function FileTree(props: { </Match> <Match when={!node.ignored}> <span class="filetree-iconpair size-4"> - <FileIcon node={node} class="size-4 filetree-icon filetree-icon--color" /> - <FileIcon node={node} class="size-4 filetree-icon filetree-icon--mono" mono /> + <FileIcon + 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> </Match> </Switch> diff --git a/packages/ui/src/components/file-icon.css b/packages/ui/src/components/file-icon.css index 078352096..a49674a90 100644 --- a/packages/ui/src/components/file-icon.css +++ b/packages/ui/src/components/file-icon.css @@ -23,15 +23,3 @@ position: absolute; 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; -} |