Files
Jyotisha/docs/testing/mobile-touch-and-breakpoints-20260915.md
T
jesse-ux 6c748d86b0
Independent Staging Quality Gate / validate (push) Failing after 8m53s
Independent Staging Quality Gate / publish (push) Skipped
fix(ui): 44px coarse hits and align CSS breakpoints
Touch-screen message actions get a 44x44 hit once gap and bottom margin open to 20px; fine-pointer geometry stays 27x34. Tablet CSS cuts at 1023 to match sidebarViewportForWidth. Report centre/reader join the 767 mobile cut; TOC keeps 860. Occupies BUG-695/696/697.
2026-09-15 12:46:59 +08:00

2.4 KiB
Raw Blame History

真机 / 浏览器清单 · 触控目标与断点(2026-09-15)

代码级合同在 frontend/tests/touch-target-contract.test.tsviewport-breakpoint-contract.test.ts。下面这些必须用浏览器或真机看,自动化替代不了。

地址:https://staging.jyotisha.chat。截图不要带真实姓名、出生资料或会话内容。

A. BUG-695 回答操作按钮

桌面(鼠标,pointer: fine

  1. 打开一条已有助手回答。
  2. 看: 复制 / 点赞 / 点踩 / 重新生成四个图标看起来仍是原来那么大、那么密,肉眼无变化。

手机或开了触屏仿真的 Chromepointer: coarse

  1. 同一条回答。
  2. 看: 四个图标视觉仍是小的,但彼此之间空档更大,和下面的 follow-up 药丸也不贴在一起。
  3. 点: 点赞不要点成点踩;点复制不要点到点赞。四个都能单独点到。
  4. 若这条回答有代码块,点右上角复制。看: 热区够大,不会点空。

B. BUG-696 平板宽度 901 / 1023 / 1024

开发者工具设宽度,刷新后再看。

宽度 打开 看什么
901 空首页 今日星语和生时校正是单栏上下排,不是并排。侧栏是窄版平板(约 240px),不是桌面 288px。
901 设置 → 账户与点数里的兑换码表单 两列表单还在,没有突然变成桌面三列或挤成一团。
901 顶栏模型选择器 触发器占满当前格,没有和旁边控件抢位置。
1023 同上三处 仍按平板排,与 901 同类。
1024 同上三处 侧栏切到桌面宽度;首页两张产品卡可以回到两列。

C. BUG-697 报告页 761 / 800 / 860

需要一条已生成的专业报告。没有就先生成再测。

宽度 看什么
761 报告中心列表已是移动内边距;阅读页正文也是窄边距。目录若在阅读页,已经是抽屉而不是侧栏。
800 与 761 同类:目录仍是抽屉,正文用窄边距,不再出现「目录抽屉 + 桌面正文边距」的串台。
860 目录仍可以是抽屉(860 是第三栏内容宽度,允许比 767 更早塌)。正文边距与 767 移动规则一致。
861 目录可以回到侧栏。若这一档看起来挤,记下来,不要自己改 860。

结论

待填。测完写日期 + 设备 + 浏览器 + 逐条正常/有问题。