Skip to content

fix(ui): 去掉顶部说明文字 · 报错块 / 禁用态 / 深色主色 / 窄屏溢出(#210) - #212

Merged
yilecoding merged 3 commits into
mainfrom
fix/page-shell-polish
Nov 2, 2026
Merged

yilecoding merged 3 commits into
mainfrom
fix/page-shell-polish

Conversation

@yilecoding

@yilecoding yilecoding commented Nov 2, 2026 •

Copy link
Copy Markdown
Owner

#210 里 P0 的几条和「页面顶部说明文字」在这个 PR 里修了,其余的留到后续 PR(见文末)。

#209 已由 #211 修掉。 本分支原本也修了 #209(竖直留白放在 TabFrame 上 + page-vertical-padding 闸门),和 #211 撞车。合并 main 时这部分全部采用 #211 的实现(PageShell、内容列 p-4、sticky 用 content-scroll: 补偿、三条闸门),本分支自己的那套已经撤掉。现在这个 PR 只剩 #210 的改动。

#210

  • 7 页顶部的可见说明改走 PageHeader 的 description(只给读屏软件)。关键提示逐句核对过,都在用得着的地方能看到:调用日志的「只保留 30 天」放进了查不到记录时的空态,群机器人的「只推一次、失败会重试」放进了表单说明
  • QueryError:原文现在能折行。原来 TableCell 带 whitespace-nowrap,原文冲出表格,桌面端看不到「重试」。现在「重试」放在标题旁边,原文先截成两行,实际溢出了才显示「展开详情」,换一条报错会自动收起
  • 主按钮禁用态改成中性灰,不再是半透明的主色(浅色下浅紫底白字,深色下深靛蓝底暗紫字)
  • 深色下的有效主色从当前的 --primary 派生,亮度不低于 0.7。主题色写在根节点的行内样式上,.dark 里的 --primary 从来没生效过。七种主题色都会跟着变。@supports 测的是实际用到的表达式(max(l, …) / calc(c * …)),不认这种写法的浏览器会退回原样(未在 Safari 上实测)
  • 卡片网格加 grid-cols-1(含流程定义):短信配置的凭据在 390 宽下把卡片撑出了屏幕。StatusPill 不再折行;仪表盘「待我处理」的页签不再一个字一行

验证(合并 main 之后重跑)

不在这个 PR 里(#210 后续)

工具栏规范 · 表格单元格组件(时间 / 耗时 / 空值 / 状态徽章)· 操作列 · 卡片页组件 · 主从页标题 · 其余窄屏问题和深色下的边框层级

Refs #210

🤖 Generated with Claude Code

yilecoding and others added 3 commits November 2, 2026 12:02
)

#209 页面边距
- 外壳内容列 px-4 → p-4,四边只在这里给一次;33 个页面去掉自己写的 py-4 md:py-6 / py-3
  (修前实测顶部五档:0 / 12 / 24 / 28 / 37px)
- arch:check 新增 page-vertical-padding:页面根上不许再写竖直 padding(反向验证过)
- 参数配置顶栏仍贴边:-mt-4 配 content-scroll:-top-4(sticky 停靠线在 padding 内侧);
  角色页权限矩阵工具条同理

#210 P0 + 顶部说明
- 7 页顶部的可见说明改走 PageHeader 的 description(只给读屏);关键提示本来就在弹窗 / 确认框 / 表单里
- QueryError:原文可折行(TableCell 的 whitespace-nowrap 让它冲出表格、重试不可见)、
  重试挪到标题旁、长原文两行截断 + 展开详情
- 主按钮禁用态改中性灰,不再是半透明主色
- 深色下的有效主色从当前 --primary 派生(亮度 ≥ 0.7):主题色写在行内样式上,.dark 的 --primary 从未生效
- 卡片网格加 grid-cols-1(短信配置凭据在 390 宽撑出屏幕);StatusPill 不折行;仪表盘待办页签不竖排

文档:pages 分册「页面四边的留白」、ui 分册错误块 / 禁用态 / 深色主色

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- 竖直 16px 从滚动容器(_auth.tsx 的 p-4)挪到里面不滚动的 TabFrame(py-4):
  padding 加在滚动容器上会让所有 sticky 停靠线下移 16px,第一版补了两处 -top-4,评审又翻出漏补的四处。
  现在补丁全删;参数配置顶栏 sticky top-0 静止 / 滚动都在 87(实测),审批中心两栏、个人中心导航都没被推
- page-vertical-padding 闸门补漏:cn() / 模板串里的字符串、带数字的断点前缀、p-*、
  导出页面组件的根(无标记的通知策略)、md:gap-6 标记;7 种写法反向验证各自报错
- 深色主色的 @supports 改测实际用到的 max(l, …) / calc(c * …):只测基本语法时,
  不认通道运算的实现会判定通过、bg-primary 变透明
- QueryError:按实际溢出给「展开详情」,换了报错自动收起
- 流程定义的卡片网格补 grid-cols-1;沙箱令牌目录主色读 --primary-ink
- 挪走的说明补回去:调用日志「只保留 30 天」进空态,群机器人「只推一次、失败重试」进表单说明

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
#211(PageShell + 内容列 p-4 + arch:check 三条闸门)已经在 main 上修了 #209。
本分支的 #209 部分全部让给 main:_auth.tsx / tab-outlet / 参数配置顶栏 /
arch-check(page-vertical-padding 规则)/ 各页根元素一律取 main 的版本。
保留的只有 #210 的部分,在 main 的版本上重新加回:顶部说明改进 PageHeader、
卡片网格 grid-cols-1、调用日志空态 / 群机器人表单的两句提示。
pages 分册里本分支的「页面四边的留白」一节删掉(main 有自己的),
grid-cols-1 的结论挪进 ui 分册,pages 分册回到 500 行预算内。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@yilecoding yilecoding changed the title fix(ui): 页面四边统一 16px 并加闸门 · 去掉顶部说明文字 · 报错块 / 禁用态 / 深色主色 / 窄屏溢出(#209 #210) fix(ui): 去掉顶部说明文字 · 报错块 / 禁用态 / 深色主色 / 窄屏溢出(#210) Nov 2, 2026
@yilecoding
yilecoding merged commit 44efd46 into main Nov 2, 2026
8 checks passed
@yilecoding
yilecoding deleted the fix/page-shell-polish branch November 2, 2026 06:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant