fix(chart): the secondary page column may shrink, so the chart fits a phone (M1, BUG-1083)
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N4f2nya58RoRu4yEmJgRGE
This commit is contained in:
Jesse_Chen
co-authored by
Claude Opus 5.5
Claude Opus 5.5
parent
56722063f2
commit
c61095b1eb
@@ -14578,6 +14578,21 @@
|
||||
- 复发自：无
|
||||
- 修复版本：`codex/self-edit-avatar-menu-20260928` 第 4 个提交
|
||||
|
||||
## BUG-1083 | 手机上星盘页被撑出屏幕，北印度盘右侧与下方被裁掉
|
||||
|
||||
- 状态：resolved（CSS 修复 + 回归测试 + 无头 Chrome 390×844 修复前后实测；真机待部署后按 `docs/testing/mobile-chart-confirmed-edit-20260929.md` 复核）
|
||||
- 首次发现 / 最近更新：2026-09-29 / 2026-09-29
|
||||
- 影响面：`/chart`「星盘」Tab 下全部盘型（本命、D9、月亮、Bhava、D10 实测）；桌面 1280 宽下右侧也被裁（参数卡被切、「≡」盘型按钮看不到）。大运 / 基础信息 / 西洋盘三个 Tab 在 390 宽下修复前就不溢出。
|
||||
- 用户现象：iPhone 上星盘页的北印度盘远大于屏幕，只能看到左上一块，盘下的参数表与行星表看不到；电脑上出生地一行在右边被截断。
|
||||
- 触发条件：任何视口宽度小于星盘页正文最小内容宽度（盘型条 23 个 chip 不折行 + `.chart-page-planet-table { min-width: 34rem }`）。
|
||||
- 根因：`.secondary-page` 是 `display: grid`，没有 `grid-template-columns`，隐式列是 `auto`；它的子项 `.chart-page-body` 保持默认 `min-width: auto`，于是这一列按正文的最小内容宽度定宽。无头 Chrome（CDP 模拟 390×844、真实组件 + golden 夹具 SSR + 构建产物 CSS）逐层量：`.secondary-page` 390px，`.chart-page-body` 1101px，其下 `.chart-page-panel` / `.chart-page-vedic` / `.chart-page-vedic-layout` / `.chart-page-vedic-stage` 1069px，盘面 SVG 1043px——第一个超宽的祖先是 `.chart-page-body`。内层 `.chart-page-planet-table-wrap`、`.chart-page-varga-table-block`、`.chart-page-type-strip` 各自的 `min-width: 0` 与横向滚动都在，但撑宽发生在它们之外的这一层。外层面板 `overflow-x: hidden` 把溢出直接裁掉而不是出现横向滚动条，所以页面看起来"只是很大"。
|
||||
- 修复：`.secondary-page` 加 `grid-template-columns: minmax(0, 1fr)`，让唯一一列可以小于内容宽度；宽内容继续在自己的盒子里横滚。修在四个次级页共用的这一层，而不是只给 `.chart-page-body` 补 `min-width: 0`，同一容器里的其他页面不再有同类风险。
|
||||
- 验证：修复后 390×844 下本命 / D9 / Bhava / 月亮 / D10 五张：`documentElement.scrollWidth` = 390，无任一祖先超宽，盘面 332px；1280×900 下两栏布局不变，盘面 549 → 480px、参数卡与「≡」完整可见。回归测试 `frontend/tests/chart-page-mobile-width-20260929.test.ts`（锁 `.secondary-page` 的 `minmax(0, 1fr)`，以及内层表格 / 盘型条的横向滚动）。截图见 `docs/tasks/PROGRESS-mobile-chart-confirmed-edit-20260929.md`。
|
||||
- 防复发：次级页里的新 grid / flex 容器沿用「子项可收缩」规则；验收星盘页类改动时在 390 宽下量 `scrollWidth` 与盘面宽度，不能只看桌面。
|
||||
- 相关记录：BUG-1076～1078（盘型条与八列行星表把最小内容宽度推大，是本次的放大因素）
|
||||
- 复发自：无
|
||||
- 修复版本：`codex/mobile-chart-confirmed-edit-20260929` 第 1 个提交
|
||||
|
||||
## BUG-1084 | 生时校正开场后一路邀请补经历，补来的经历不收窄范围
|
||||
|
||||
- 状态：investigating（Claude 诊断 + 离线复现；修复见 `docs/tasks/TASK-rectification-futile-collect-stop-20260929.md` T1）
|
||||
|
||||
Reference in New Issue
Block a user