From 0d9397c8b9f91ac1a694d7f9d4bb90d72586e9b7 Mon Sep 17 00:00:00 2001 From: SeleiXi Date: Tue, 12 May 2026 00:52:20 +0800 Subject: [PATCH] fix: resolve UI alignment issue for diff navigation buttons --- .../DocumentHistory/DocumentHistoryModal.ts | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/modules/features/DocumentHistory/DocumentHistoryModal.ts b/src/modules/features/DocumentHistory/DocumentHistoryModal.ts index 97a7236..742e873 100644 --- a/src/modules/features/DocumentHistory/DocumentHistoryModal.ts +++ b/src/modules/features/DocumentHistory/DocumentHistoryModal.ts @@ -473,8 +473,18 @@ export class DocumentHistoryModal extends Modal { const diffOptionsRow = contentEl.createDiv(""); diffOptionsRow.addClass("op-info"); diffOptionsRow.addClass("diff-options-row"); + diffOptionsRow.style.display = "flex"; + diffOptionsRow.style.justifyContent = "space-between"; + diffOptionsRow.style.alignItems = "center"; - diffOptionsRow.createEl("label", {}, (label) => { + const highlightDiffContainer = diffOptionsRow.createDiv(""); + highlightDiffContainer.style.display = "flex"; + highlightDiffContainer.style.alignItems = "center"; + + highlightDiffContainer.createEl("label", {}, (label) => { + label.style.display = "flex"; + label.style.alignItems = "center"; + label.style.gap = "4px"; label.appendChild( createEl("input", { type: "checkbox" }, (checkbox) => { if (this.showDiff) { @@ -495,6 +505,7 @@ export class DocumentHistoryModal extends Modal { this.diffNavContainer = diffOptionsRow.createDiv(""); this.diffNavContainer.addClass("diff-nav"); this.diffNavContainer.style.display = this.showDiff ? "flex" : "none"; + this.diffNavContainer.style.marginLeft = "auto"; this.diffNavContainer.createEl("button", { text: "\u25B2 Prev" }, (e) => { e.addClass("diff-nav-btn");