Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-05 08:03:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(Explorer): Added unhighlightning when clicking outside a file

Browse source
This commit is contained in:
JulesGuesnon 2023-02-09 20:25:07 +09:00
parent 5b78bbbb7d
commit 3a2e34664c
1 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/interface/src/components/explorer/VirtualizedList.tsx
View file

@ -117,7 +117,20 @@ export const VirtualizedList = memo(({ data, context, onScroll }: Props) => {
return (
<div style={{ marginTop: -TOP_BAR_HEIGHT }} className="w-full pl-2 cursor-default">
<div ref={scrollRef} className="h-screen custom-scroll explorer-scroll">
<div
ref={scrollRef}
className="h-screen custom-scroll explorer-scroll"
onClick={(e) => {
if (
!scrollRef.current ||
(!(e.target as HTMLElement).classList.contains('file-row') &&
scrollRef.current !== e.target)
)
return;
getExplorerStore().selectedRowIndex = -1;
}}
>
<div
ref={innerRef}
style={{
@ -132,7 +145,7 @@ export const VirtualizedList = memo(({ data, context, onScroll }: Props) => {
height: `${virtualRow.size}px`,
transform: `translateY(${virtualRow.start}px)`
}}
className="absolute top-0 left-0 flex w-full"
className="file-row absolute top-0 left-0 flex w-full"
key={virtualRow.key}
>
{explorerStore.layoutMode === 'list' ? (