fix(ui): 修复训练记录详情弹窗被底部遮挡

pageIn 动画终态 transform: translateY(0) 是非 none 的 transform,会让
.container 成为包含块,后代 position: fixed 降级相对 .container。
记录页内容超一屏时 flex 居中把弹窗放到 .container 几何中心(视口下方),
被底部 dock 遮挡。改终态为 transform: none(视觉无变化,不创建包含块),
fixed 恢复相对视口。records 日历详情/settings 计划编辑器/timer 完成弹窗均受益。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-09 11:04:37 +08:00
parent 885db8c18b
commit 7784ccafa8
+6 -1
View File
@@ -130,5 +130,10 @@ image {
@keyframes pageIn {
from { opacity: 0; transform: translateY(20rpx); }
to { opacity: 1; transform: translateY(0); }
/* `none` (not translateY(0)) so the finished animation leaves NO transform
on .container - any non-none transform creates a containing block that
demotes descendant position:fixed to relative-to-container, breaking
full-screen modals (day-detail / plan-editor / completion) once the
page scrolls past one viewport height. */
to { opacity: 1; transform: none; }
}