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()}
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 (
{} }: Props) => {
hideExpandIcon={hideExpandIcon}
disableDrag={disableDrag}
onOpenFilesPane={onOpenFilesPane}
+ disableHoverIndent={disableHoverIndent}
/>
);
};