diff --git a/sidepanel/sidepanel.css b/sidepanel/sidepanel.css index 9582a62..d1dea21 100644 --- a/sidepanel/sidepanel.css +++ b/sidepanel/sidepanel.css @@ -756,7 +756,7 @@ header { #toast-container { position: fixed; - top: var(--toast-top-offset, 12px); + bottom: 12px; left: 12px; right: 12px; z-index: 1000; diff --git a/sidepanel/sidepanel.js b/sidepanel/sidepanel.js index d18d6c0..9e728f9 100644 --- a/sidepanel/sidepanel.js +++ b/sidepanel/sidepanel.js @@ -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();