HASH 95e7714cb565
DATE 2026-07-17
SUBJECT web: toasts print instantly, no fade
FILES 2 CHANGED
HASH 95e7714cb565
DATE 2026-07-17
SUBJECT web: toasts print instantly, no fade
FILES 2 CHANGED
┌─ ooknet-design/src/components/Toast/Toast.astro ───────────────────────────┐
│ diff --git a/ooknet-design/src/components/Toast/Toast.astro b/ooknet-design/src/co │
│ mponents/Toast/Toast.astro │
│ index 09a32e1..e95b886 100644 │
│ --- a/ooknet-design/src/components/Toast/Toast.astro │
│ +++ b/ooknet-design/src/components/Toast/Toast.astro │
│ @@ -26,11 +26,7 @@ import "./Toast.scss"; │
│ │
│ el.append(pre, sr); │
│ region.append(el); │
│ - requestAnimationFrame(() => el.classList.add("toast-in")); │
│ - setTimeout(() => { │
│ - el.classList.remove("toast-in"); │
│ - setTimeout(() => el.remove(), 250); │
│ - }, 2600); │
│ + setTimeout(() => el.remove(), 2600); │
│ } │
│ │
│ window.ooknetToast = toast; │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ .../components/Toast/Toast.astro ───┐
│ diff --git a/ooknet-design/src/components/To │
│ ast/Toast.astro b/ooknet-design/src/componen │
│ ts/Toast/Toast.astro │
│ index 09a32e1..e95b886 100644 │
│ --- a/ooknet-design/src/components/Toast/Toa │
│ st.astro │
│ +++ b/ooknet-design/src/components/Toast/Toa │
│ st.astro │
│ @@ -26,11 +26,7 @@ import "./Toast.scss"; │
│ │
│ el.append(pre, sr); │
│ region.append(el); │
│ - requestAnimationFrame(() => el.classLis │
│ t.add("toast-in")); │
│ - setTimeout(() => { │
│ - el.classList.remove("toast-in"); │
│ - setTimeout(() => el.remove(), 250); │
│ - }, 2600); │
│ + setTimeout(() => el.remove(), 2600); │
│ } │
│ │
│ window.ooknetToast = toast; │
└──────────────────────────────────────────────┘
┌─ ooknet-design/src/components/Toast/Toast.scss ────────────────────────────┐
│ diff --git a/ooknet-design/src/components/Toast/Toast.scss b/ooknet-design/src/com │
│ ponents/Toast/Toast.scss │
│ index 3a203ae..347c535 100644 │
│ --- a/ooknet-design/src/components/Toast/Toast.scss │
│ +++ b/ooknet-design/src/components/Toast/Toast.scss │
│ @@ -10,16 +10,8 @@ │
│ pointer-events: none; │
│ } │
│ │
│ +// No entrance transition - a toast prints like a terminal line. │
│ .toast { │
│ - opacity: 0; │
│ - transform: translateY(4px); │
│ - transition: opacity 0.2s ease, transform 0.2s ease; │
│ - │
│ - &.toast-in { │
│ - opacity: 1; │
│ - transform: none; │
│ - } │
│ - │
│ pre.ascii.toast-frame { │
│ width: auto; │
│ background: var(--paper); │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ...c/components/Toast/Toast.scss ───┐
│ diff --git a/ooknet-design/src/components/To │
│ ast/Toast.scss b/ooknet-design/src/component │
│ s/Toast/Toast.scss │
│ index 3a203ae..347c535 100644 │
│ --- a/ooknet-design/src/components/Toast/Toa │
│ st.scss │
│ +++ b/ooknet-design/src/components/Toast/Toa │
│ st.scss │
│ @@ -10,16 +10,8 @@ │
│ pointer-events: none; │
│ } │
│ │
│ +// No entrance transition - a toast prints │
│ like a terminal line. │
│ .toast { │
│ - opacity: 0; │
│ - transform: translateY(4px); │
│ - transition: opacity 0.2s ease, transform │
│ 0.2s ease; │
│ - │
│ - &.toast-in { │
│ - opacity: 1; │
│ - transform: none; │
│ - } │
│ - │
│ pre.ascii.toast-frame { │
│ width: auto; │
│ background: var(--paper); │
└──────────────────────────────────────────────┘
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET