Sfoglia il codice sorgente

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

QLHazyCoder 4 mesi fa
parent
commit
2b9b6e72ed
2 ha cambiato i file con 1 aggiunte e 15 eliminazioni
  1. 1 1
      sidepanel/sidepanel.css
  2. 0 14
      sidepanel/sidepanel.js

+ 1 - 1
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;

+ 0 - 14
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();