diff options
| -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; -} |