fix(ui): pin import modal action buttons with sticky footer

Make the import modal a flex column with a scrollable step area so the
Back/Import buttons stay visible on short viewports (1080p / 150% zoom)
instead of being cut off at the bottom of the scroll flow.

Also reset step scroll positions via class since 'locationStep' has a
duplicate id in the download modal template.
This commit is contained in:
Will Miao
2026-08-08 08:49:20 +08:00
parent 56acefbd6c
commit c5088772e8
2 changed files with 36 additions and 5 deletions

View File

@@ -47,11 +47,11 @@ export class ImportStepManager {
targetStep.offsetHeight;
}
// Scroll modal content to top
const modalContent = document.querySelector('#importModal .modal-content');
if (modalContent) {
modalContent.scrollTop = 0;
}
// Reset scroll via class: 'locationStep' has a duplicate ID in downloadModal's
// template, so getElementById may not return the import modal's step.
document.querySelectorAll('.import-step').forEach(step => {
step.scrollTop = 0;
});
}
}
}