leefer/caiwuzongzhang
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

HEL-360: 手机端 Toast 覆盖层改为点击穿透

Browse Source 
≤720px 时 toast-region 因 top/left/right/bottom 铺满视口，空白处不再拦截导航和表单；Toast 本体仍可点。

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
总工
2026-09-01 22:53:58 +08:00
co-authored by Cursor multica-agent
parent acc3c29c49
commit 1061f125a8
2 changed files with 413 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/design-system.css
+2 -1
View File
@@ -1280,7 +1280,7 @@ a.flow-step.doing:hover { background: color-mix(in oklch, var(--warn) 16%, trans
}
/* ─── Toast 轻量提示 ───────────────────────────────────────────── */
.toast-region { position: fixed; right: 16px; top: 16px; z-index: var(--z-toast); display: grid; gap: 8px; }
.toast-region { position: fixed; right: 16px; top: 16px; z-index: var(--z-toast); display: grid; gap: 8px; pointer-events: none; }
.toast {
display: flex; align-items: center; gap: 9px;
min-width: 260px; max-width: 380px;
@@ -1292,6 +1292,7 @@ a.flow-step.doing:hover { background: color-mix(in oklch, var(--warn) 16%, trans
color: #fff;
box-shadow: var(--shadow-toast);
font-size: 13px;
pointer-events: auto;
}
.toast .t-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; margin-top: 5px; background: var(--muted); }
.toast .t-body { min-width: 0; }