public/obsidian-livesync
1
0
Fork 0
mirror of https://github.com/vrtmrz/obsidian-livesync.git synced 2026-05-27 01:31:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: resolve UI alignment issue for diff navigation buttons

Browse Source
This commit is contained in:
SeleiXi
2026-05-12 00:52:20 +08:00
parent bfff6ea7b8
commit 0d9397c8b9
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/modules/features/DocumentHistory/DocumentHistoryModal.ts
View File

@@ -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");