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

fix(chart): the secondary page column may shrink, so the chart fits a phone (M1, BUG-1083)

Browse Source 
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
2026-09-29 08:41:27 +08:00
co-authored by Claude Opus 5.5
parent 56722063f2
commit c61095b1eb
4 changed files with 54 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/DESIGN.md
+6 -2
View File
@@ -485,7 +485,11 @@ one skeleton, none of them carrying the sidebar.
share `SecondaryPageShell`: the same 46px `SecondaryHeader` (sidebar trigger,
page name, a reserved note slot so a late birth line cannot collapse the row,
up to two actions) and a `.secondary-page` body that always fills the
remaining viewport. Waiting copy is centered in that cell; swapping in the
remaining viewport. `.secondary-page` is a one-column grid whose column is
`minmax(0, 1fr)`: it may shrink below its content, so a nowrap strip or a
34rem table scrolls inside its own box and never widens the page (BUG-1083 —
the implicit `auto` column let the chart page grow to 1101px on a 390px
phone and cut the chart off; desktop was clipped on the right too). Waiting copy is centered in that cell; swapping in the
tall content does not change the shell height. No spinner or 「正在加载」;
skeletons are limited to the chart-page plot positions (§15, 2026-09-24). First-screen data for the three pages lives in a module-level
cache; a second visit paints the last result immediately and refreshes in
@@ -1031,7 +1035,7 @@ D40 / D45 / D60 的表格上方，出生时间不是「已校正」时多一句
### 行星表
每一张 `.chart-page-planet-table`（本命、分盘、月亮盘、Bhava 两张、行运、西洋相位）都包在 `.chart-page-planet-table-wrap` 里：`min-width: 0` + `overflow-x: auto`。375px 下表格在自己的盒子里横滚，页面不横滚。`min-width: 0` 和 overflow 一样是必需的——grid item 默认按内容定宽，少了它表格会把页面撑宽而不是滚动。印度盘那张从四列扩到八列后 `min-width` 由 `26rem` 提到 `34rem`。
每一张 `.chart-page-planet-table`（本命、分盘、月亮盘、Bhava 两张、行运、西洋相位）都包在 `.chart-page-planet-table-wrap` 里：`min-width: 0` + `overflow-x: auto`。375px 下表格在自己的盒子里横滚，页面不横滚。`min-width: 0` 和 overflow 一样是必需的——grid item 默认按内容定宽，少了它表格会把页面撑宽而不是滚动。外层 `.secondary-page` 的单列同理是 `minmax(0, 1fr)`（BUG-1083），否则撑宽发生在更外面一层。印度盘那张从四列扩到八列后 `min-width` 由 `26rem` 提到 `34rem`。
**印度盘行星表的八列（2026-09-18）。** 盘里不再写的东西全部落在这里：