feat: 动态调整 Toast 提示框的顶部偏移量,优化显示效果

This commit is contained in:
QLHazyCoder
2026-04-11 19:06:33 +08:00
parent 1283b01a41
commit 2b9b6e72ed
2 changed files with 1 additions and 15 deletions
+1 -1
View File
@@ -756,7 +756,7 @@ header {
#toast-container {
position: fixed;
top: var(--toast-top-offset, 12px);
bottom: 12px;
left: 12px;
right: 12px;
z-index: 1000;
-14
View File
@@ -44,7 +44,6 @@ const btnAutoStartClose = document.getElementById('btn-auto-start-close');
const btnAutoStartCancel = document.getElementById('btn-auto-start-cancel');
const btnAutoStartRestart = document.getElementById('btn-auto-start-restart');
const btnAutoStartContinue = document.getElementById('btn-auto-start-continue');
const pageHeader = document.querySelector('header');
const STEP_DEFAULT_STATUSES = {
1: 'pending',
2: 'pending',
@@ -114,13 +113,6 @@ function dismissToast(toast) {
toast.addEventListener('animationend', () => toast.remove());
}
function updateToastOffset() {
if (!toastContainer) return;
const headerBottom = pageHeader?.getBoundingClientRect().bottom ?? 0;
const offset = Math.max(12, Math.ceil(headerBottom + 8));
document.documentElement.style.setProperty('--toast-top-offset', `${offset}px`);
}
function resetActionModalButtons() {
const buttons = [btnAutoStartCancel, btnAutoStartRestart, btnAutoStartContinue];
buttons.forEach((button) => {
@@ -1110,13 +1102,7 @@ btnTheme.addEventListener('click', () => {
initializeManualStepActions();
initTheme();
updateToastOffset();
updateSaveButtonState();
window.addEventListener('resize', updateToastOffset);
window.addEventListener('load', updateToastOffset);
if (document.fonts?.ready) {
document.fonts.ready.then(updateToastOffset).catch(() => { });
}
restoreState().then(() => {
syncPasswordToggleLabel();
syncVpsUrlToggleLabel();