Merge pull request #363 from Quorafind/feat/move-metadata-to-same-line

feat(task-view): implement dynamic metadata positioning

Author: Quorafind

src/common/setting-definition.ts

@@ -658,6 +658,7 @@ export interface TaskProgressBarSettings {
 	// View Settings (Updated Structure)
 	enableView: boolean;
 	enableInlineEditor: boolean; // Enable inline editing in task views
+	enableDynamicMetadataPositioning: boolean; // Enable intelligent metadata positioning based on content length
 	defaultViewMode: "list" | "tree"; // Global default view mode for all views
 	viewConfiguration: ViewConfig[]; // Manages order, visibility, basic info, AND filter rules
 
@@ -982,6 +983,7 @@ export const DEFAULT_SETTINGS: TaskProgressBarSettings = {
 	// View Defaults (Updated Structure)
 	enableView: true,
 	enableInlineEditor: true, // Enable inline editing by default
+	enableDynamicMetadataPositioning: true, // Enable intelligent metadata positioning by default
 	defaultViewMode: "list", // Global default view mode for all views
 
 	// Global Filter Defaults

src/components/settings/ViewSettingsTab.ts

@@ -543,6 +543,21 @@ export function renderViewSettingsTab(
 			});
 		});
 
+	new Setting(containerEl)
+		.setName(t("Enable dynamic metadata positioning"))
+		.setDesc(
+			t(
+				"Intelligently position task metadata. When enabled, metadata appears on the same line as short tasks and below long tasks. When disabled, metadata always appears below the task content."
+			)
+		)
+		.addToggle((toggle) => {
+			toggle.setValue(settingTab.plugin.settings.enableDynamicMetadataPositioning);
+			toggle.onChange((value) => {
+				settingTab.plugin.settings.enableDynamicMetadataPositioning = value;
+				settingTab.applySettingsUpdate();
+			});
+		});
+
 	new Setting(containerEl)
 		.setName(t("Ignore all tasks behind heading"))
 		.setDesc(

src/components/task-view/listItem.ts

@@ -770,6 +770,14 @@ export class TaskListItemComponent extends Component {
 			return;
 		}
 
+		// Check if dynamic metadata positioning is enabled
+		if (!this.plugin.settings.enableDynamicMetadataPositioning) {
+			// If disabled, always use multi-line (traditional) layout
+			this.contentMetadataContainer.toggleClass("multi-line-content", true);
+			this.contentMetadataContainer.toggleClass("single-line-content", false);
+			return;
+		}
+
 		// Get the line height of the content element
 		const computedStyle = window.getComputedStyle(this.contentEl);
 		const lineHeight = parseFloat(computedStyle.lineHeight) || parseFloat(computedStyle.fontSize) * 1.4;

src/components/task-view/treeItem.ts

@@ -846,6 +846,14 @@ export class TaskTreeItemComponent extends Component {
 			return;
 		}
 
+		// Check if dynamic metadata positioning is enabled
+		if (!this.plugin.settings.enableDynamicMetadataPositioning) {
+			// If disabled, always use multi-line (traditional) layout
+			this.contentMetadataContainer.toggleClass("multi-line-content", true);
+			this.contentMetadataContainer.toggleClass("single-line-content", false);
+			return;
+		}
+
 		// Get the line height of the content element
 		const computedStyle = window.getComputedStyle(this.contentEl);
 		const lineHeight = parseFloat(computedStyle.lineHeight) || parseFloat(computedStyle.fontSize) * 1.4;