From d1c7d9a5ae30dede7aa1f2b295f27e868fc41f4c Mon Sep 17 00:00:00 2001
From: Xu Quan <xuquan1225@hotmail.com>
Date: Sat, 12 Apr 2025 17:44:48 +0800
Subject: [PATCH] style: disable hover indent for pinned folders

---
 src/components/Folder/index.tsx             | 14 ++++++++++----
 src/components/FolderTree/PinnedFolders.tsx |  2 ++
 src/components/FolderTree/index.tsx         |  4 +++-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/Folder/index.tsx b/src/components/Folder/index.tsx
index e97b10a..396074a 100644
--- a/src/components/Folder/index.tsx
+++ b/src/components/Folder/index.tsx
@@ -13,12 +13,14 @@ type Props = FolderProps & {
 	onOpenFilesPane: () => void;
 	disableDrag?: boolean;
 	hideExpandIcon?: boolean;
+	disableHoverIndent?: boolean;
 };
 const Folder = ({
 	folder,
 	onOpenFilesPane,
 	hideExpandIcon = false,
 	disableDrag = false,
+	disableHoverIndent = false,
 }: Props) => {
 	const { useExplorerStore } = useExplorer();
 
@@ -108,10 +110,14 @@ const Folder = ({
 			)}
 			ref={setDropRef}
 			onClick={() => setFocusedFolder(folder)}
-			style={{
-				marginInlineStart: -17 * folderLevel,
-				paddingInlineStart: 24 + 17 * folderLevel,
-			}}
+			style={
+				disableHoverIndent
+					? undefined
+					: {
+							marginInlineStart: -17 * folderLevel,
+							paddingInlineStart: 24 + 17 * folderLevel,
+						}
+			}
 		>
 			{maybeRenderExpandIcon()}
 			<div
diff --git a/src/components/FolderTree/PinnedFolders.tsx b/src/components/FolderTree/PinnedFolders.tsx
index 04c0fde..c40e014 100644
--- a/src/components/FolderTree/PinnedFolders.tsx
+++ b/src/components/FolderTree/PinnedFolders.tsx
@@ -9,6 +9,7 @@ import { useExplorer } from "src/hooks/useExplorer";
 export type FolderOptions = {
 	hideExpandIcon?: boolean;
 	disableDrag?: boolean;
+	disableHoverIndent?: boolean;
 };
 type Props = {
 	renderFolder: (folder: TFolder, options: FolderOptions) => ReactNode;
@@ -45,6 +46,7 @@ const PinnedFolders = ({ renderFolder }: Props) => {
 					const options: FolderOptions = {
 						hideExpandIcon: true,
 						disableDrag: true,
+						disableHoverIndent: true,
 					};
 					return folder ? renderFolder(folder, options) : null;
 				})}
diff --git a/src/components/FolderTree/index.tsx b/src/components/FolderTree/index.tsx
index 498d25d..1305a9b 100644
--- a/src/components/FolderTree/index.tsx
+++ b/src/components/FolderTree/index.tsx
@@ -50,7 +50,8 @@ const FolderTree = ({ onOpenFilesPane = () => {} }: Props) => {
 	const { hideRootFolder } = useHideRootFolder(defaultHideRootFolder);
 
 	const renderFolder = (folder: TFolder, options?: FolderOptions) => {
-		const { hideExpandIcon, disableDrag } = options ?? {};
+		const { hideExpandIcon, disableDrag, disableHoverIndent } =
+			options ?? {};
 		return (
 			<Folder
 				key={folder.path}
@@ -58,6 +59,7 @@ const FolderTree = ({ onOpenFilesPane = () => {} }: Props) => {
 				hideExpandIcon={hideExpandIcon}
 				disableDrag={disableDrag}
 				onOpenFilesPane={onOpenFilesPane}
+				disableHoverIndent={disableHoverIndent}
 			/>
 		);
 	};