fixing hover event

ethereum · Feb 1, 2024 · 4feb355 · 4feb355
1 parent 4cce5be
commit 4feb355
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx b/libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx
@@ -17,7 +17,7 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
 
   return (
     <>
-      {(!props.hover && !props.isEditable) && <div className="d-flex flex-row align-items-center" style={{ marginLeft: '6rem' }}>
+      {(props.hover && !props.isEditable) && <div className="d-flex flex-row align-items-center" style={{ marginLeft: '6rem' }}>
         {
           props.file.isDirectory ? (
             <>

diff --git a/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx b/libs/remix-ui/workspace/src/lib/components/flat-tree.tsx
@@ -217,7 +217,11 @@ export const FlatTree = (props: FlatTreeProps) => {
           </div>
           <div className="d-flex flex-row align-items-center">
             <div>
-              <FileHoverIcons file={file} />
+              <FileHoverIcons
+                file={file}
+                isEditable={focusEdit && file.path && focusEdit.element === file.path}
+                hover={hover.length > 0}
+              />
             </div> {getFileStateIcons(file)}
           </div>
           </>