prevent accidentally closing the tab

oxdc · Jan 5, 2025 · 757317d · 757317d
1 parent be1c891
commit 757317d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 2 deletions.
diff --git a/src/components/NavigationTreeItem.tsx b/src/components/NavigationTreeItem.tsx
@@ -113,7 +113,10 @@ export const NavigationTreeItem = (props: NavigationTreeItemProps) => {
 							{props.title}
 						</div>
 					</div>
-					<div className="tree-item-flair-outer">
+					<div
+						className="tree-item-flair-outer"
+						onClick={(e) => e.stopPropagation()}
+					>
 						{props.toolbar}
 						<div
 							className="drag-handle"
@@ -159,7 +162,12 @@ export const NavigationTreeItem = (props: NavigationTreeItemProps) => {
 							{props.title}
 						</div>
 					</div>
-					<div className="tree-item-flair-outer">{props.toolbar}</div>
+					<div
+						className="tree-item-flair-outer"
+						onClick={(e) => e.stopPropagation()}
+					>
+						{props.toolbar}
+					</div>
 				</div>
 				{!props.isCollapsed && !isDragging && (
 					<div className="tree-item-children">{props.children}</div>

diff --git a/src/styles.scss b/src/styles.scss
@@ -1,5 +1,6 @@
 @use "styles/ShowActiveTabs.scss";
 @use "styles/ZenMode.scss";
+@use "styles/TreeItem.scss";
 @use "styles/Tab.scss";
 @use "styles/TabIndexViewCue.scss";
 @use "styles/Group.scss";

diff --git a/src/styles/TreeItem.scss b/src/styles/TreeItem.scss
@@ -0,0 +1,11 @@
+.obsidian-vertical-tabs-container .tree-item {
+	.tree-item-inner {
+		flex-grow: 1;
+		padding-right: var(--size-4-1);
+	}
+
+	.tree-item-flair-outer {
+		margin: calc(-1 * var(--size-4-1));
+		padding: var(--size-4-1);
+	}
+}