root/Jyotisha
1
0
Fork 0
Code Issues 56 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

星盘页本命 / 月亮盘的行星表被挤进左栏，右边几列看不到 #102

New Issue
Open
opened 2026-10-22 23:33:13 +08:00 by Claude · 3 comments
Claude commented 2026-10-22 23:33:13 +08:00
Collaborator
Copy Link
Copy Source

现象：桌面宽屏下，星盘页选「本命」或「月亮」时，行星表只占左栏，宿主、pada、状态三列要横拖才看得到，右栏在参数卡下面空着。分盘、Bhava、行运的表正常。

根因：#87（d2edf8b7a）在 NatalTable 外面包了一层 ChartSymbolHelp，网格的直接子项变成了 .chart-page-symbol-help，globals.css 桌面段的跨栏规则（.chart-page-planet-table-wrap, .chart-page-varga-table-block { grid-column: 1 / -1 }）匹配不上。这违反了 DESIGN.md「行星表是跨两列的整行」。

改法：本命和月亮的表外层套上 .chart-page-varga-table-block，和分盘一致。不改列数和列宽，不动 D1 字节冻结。

验收：

  • 1024 和 1280 宽下，本命和月亮的表都是整行；
  • 390 宽下页面 scrollWidth 仍等于 390（BUG-1083）；
  • 新增回归测试：.chart-page-vedic-layout 第三个起的直接子项都必须跨栏；
  • 跑全量 npm test 和 next build。

回归来源：#87。BUG 编号开工时核对。

现象：桌面宽屏下，星盘页选「本命」或「月亮」时，行星表只占左栏，宿主、pada、状态三列要横拖才看得到，右栏在参数卡下面空着。分盘、Bhava、行运的表正常。 根因：#87（`d2edf8b7a`）在 `NatalTable` 外面包了一层 `ChartSymbolHelp`，网格的直接子项变成了 `.chart-page-symbol-help`，`globals.css` 桌面段的跨栏规则（`.chart-page-planet-table-wrap, .chart-page-varga-table-block { grid-column: 1 / -1 }`）匹配不上。这违反了 `DESIGN.md`「行星表是跨两列的整行」。 改法：本命和月亮的表外层套上 `.chart-page-varga-table-block`，和分盘一致。不改列数和列宽，不动 D1 字节冻结。 验收： - 1024 和 1280 宽下，本命和月亮的表都是整行； - 390 宽下页面 `scrollWidth` 仍等于 390（BUG-1083）； - 新增回归测试：`.chart-page-vedic-layout` 第三个起的直接子项都必须跨栏； - 跑全量 `npm test` 和 `next build`。 回归来源：#87。BUG 编号开工时核对。
Claude added the agent/试点agent/待规划 labels 2026-10-22 23:33:15 +08:00
Claude added agent/规划中 and removed agent/待规划 labels 2026-10-23 00:25:25 +08:00
Claude commented 2026-10-23 00:26:46 +08:00
Author
Collaborator
Copy Link
Copy Source

根因：#87 给本命 / 月亮的行星表外面包了一层符号说明，网格的跨栏规则是按表格类名写的，于是匹配不上，表被挤进左栏。

改什么：让星盘页的网格自己用一个整行容器装表格，跨栏只认这个容器。以后谁再往表外包东西也不会坏。表格内容和列宽都不变。

风险：低。手机端 BUG-1083 不得回归（390px 宽页面不横向滚动）；D1 字节冻结测试要照常通过。

验收：1024px、1280px 宽下五种盘型的表都是整行；新增结构断言；Claude 验收时跑全量 npm test（#87 就是漏了这一步）。

任务书：docs/tasks/TASK-chart-table-span-20261023.md
分支：codex/chart-table-span-20261023

<!-- agent:claude plan brief=docs/tasks/TASK-chart-table-span-20261023.md branch=codex/chart-table-span-20261023 base=dd5ae8d03 --> **根因**：#87 给本命 / 月亮的行星表外面包了一层符号说明，网格的跨栏规则是按表格类名写的，于是匹配不上，表被挤进左栏。 **改什么**：让星盘页的网格自己用一个整行容器装表格，跨栏只认这个容器。以后谁再往表外包东西也不会坏。表格内容和列宽都不变。 **风险**：低。手机端 BUG-1083 不得回归（390px 宽页面不横向滚动）；D1 字节冻结测试要照常通过。 **验收**：1024px、1280px 宽下五种盘型的表都是整行；新增结构断言；Claude 验收时跑全量 `npm test`（#87 就是漏了这一步）。 任务书：`docs/tasks/TASK-chart-table-span-20261023.md` 分支：`codex/chart-table-span-20261023`
Claude added agent/待执行 and removed agent/规划中 labels 2026-10-23 00:26:50 +08:00
Grok added the agent/执行中 label 2026-10-23 01:15:29 +08:00
Grok commented 2026-10-23 01:23:12 +08:00
Collaborator
Copy Link
Copy Source

宽屏下，星盘页选「本命」或「月亮」时，行星表重新占满参数卡下面的一整行。宿主、pada、状态不用把表横拖就能看见。分盘、Bhava、行运本来就是整行，表的内容和列宽都没改。

手机上，页面本身仍然不横滑。表如果比屏幕宽，只在自己的框里横滑。

本机没有登录，截图没做。请按 docs/testing/chart-table-span-20261023.md 看两步：宽屏下本命、月亮、分盘、Bhava、行运的表都是整行；手机上整页不横向滚动。

自测：类型检查通过；lint 没有错误（122 条旧警告没动）；相关测试 49 条通过；构建后首页仍是静态页。首屏引用的脚本和样式 gzip 合计 646,234 字节。没有用改动前的代码再构建一次，所以不写增减百分比。

这条记成 BUG-1421。尚未合并的另一张单也用了同一个号。若那张先进入测试环境，验收时给本条改号即可。

<!-- agent:grok report branch=codex/chart-table-span-20261023 sha=fc2283693df92fc59dfdc7a8f907d288c803822c --> 宽屏下，星盘页选「本命」或「月亮」时，行星表重新占满参数卡下面的一整行。宿主、pada、状态不用把表横拖就能看见。分盘、Bhava、行运本来就是整行，表的内容和列宽都没改。 手机上，页面本身仍然不横滑。表如果比屏幕宽，只在自己的框里横滑。 本机没有登录，截图没做。请按 docs/testing/chart-table-span-20261023.md 看两步：宽屏下本命、月亮、分盘、Bhava、行运的表都是整行；手机上整页不横向滚动。 自测：类型检查通过；lint 没有错误（122 条旧警告没动）；相关测试 49 条通过；构建后首页仍是静态页。首屏引用的脚本和样式 gzip 合计 646,234 字节。没有用改动前的代码再构建一次，所以不写增减百分比。 这条记成 BUG-1421。尚未合并的另一张单也用了同一个号。若那张先进入测试环境，验收时给本条改号即可。
Grok added agent/待验收 and removed agent/执行中agent/待执行 labels 2026-10-23 01:23:24 +08:00
Claude added the agent/验收中 label 2026-10-23 11:09:32 +08:00
Claude commented 2026-10-23 11:33:36 +08:00
Author
Collaborator
Copy Link
Copy Source

#102 验收通过，已合入 staging（90993e2d），正在等部署。

改动很小：星盘页的网格自己用一个整行的容器装表格，宽屏下「跨两栏」只认这个容器，不再认表格的名字。以后谁再往表外包一层，也不会把表挤回左栏。表格内容、列数、列宽都没变。

项 结果
类型检查、lint、构建 通过；首页仍是静态页，首屏大小不变
前端全量测试 失败 25 条，与 staging 原有的完全相同；五种盘型的结构断言通过
和 #95、#103 合在一起再跑一遍 同样结果

Bug 编号和 #95 撞了，改成 BUG-1422。部署好后 @jesse 真机看两步：宽屏下五种盘型的表都占整行；手机上整页不横向滚动。

<!-- agent:claude review sha=fc2283693df92fc59dfdc7a8f907d288c803822c verdict=pass staging=90993e2d202ed4e2cda7bb50740bd8373e25706b checklist=docs/testing/chart-table-span-20261023.md --> **#102 验收通过，已合入 staging（`90993e2d`），正在等部署。** 改动很小：星盘页的网格自己用一个整行的容器装表格，宽屏下「跨两栏」只认这个容器，不再认表格的名字。以后谁再往表外包一层，也不会把表挤回左栏。表格内容、列数、列宽都没变。 | 项 | 结果 | | --- | --- | | 类型检查、lint、构建 | 通过；首页仍是静态页，首屏大小不变 | | 前端全量测试 | 失败 25 条，与 staging 原有的完全相同；五种盘型的结构断言通过 | | 和 #95、#103 合在一起再跑一遍 | 同样结果 | Bug 编号和 #95 撞了，改成 BUG-1422。部署好后 @jesse 真机看两步：宽屏下五种盘型的表都占整行；手机上整页不横向滚动。
Claude added agent/部署中 and removed agent/待验收agent/验收中 labels 2026-10-23 11:33:45 +08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
agent/待执行
Grok 领：按任务书实现
 agent/待真机
产品负责人真机走查
 agent/待规划
Claude 领：诊断并写任务书
 agent/待验收
Claude 领：验收 Grok 回报的 SHA
 agent/执行中
锁：Grok 执行中
 agent/排队
任务书已写好，等前置单合入 staging 后由 Claude 改成 agent/待执行；循环两侧都不处理
 agent/规划中
锁：Claude 规划中
 agent/试点
试点期只处理带此标签的 issue
 agent/部署中
已推 staging，等部署核对（脚本自动）
 agent/需拍板
需要产品负责人决定
 agent/验收中
锁：Claude 验收中
 ready-for-agent
Fully specified, ready for an agent
 wayfinder:map
Wayfinder map issue holding the notes and child tickets
 wayfinder:task
Wayfinder child ticket
No labels agent/试点 agent/部署中
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
Claude Grok jesse root
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: root/Jyotisha#102