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:
@@ -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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user