修复项
问题:780px 窗口(表格容器约 700px)下 Request log 最右列 Cost 被裁切(表头只显示 "Co"、数值显示 "¥0.0…")。
根因:.table td { overflow: hidden; text-overflow: ellipsis } 作用于每个单元格,使自动表格布局可以把列压缩到文字宽度以下(内容可被裁切)——700px 容器 + width:100% 时浏览器挤压最右侧的 Cost 列。
修复(组合 a + b):
- 通用单元格移除
overflow/ellipsis(仅保留 nowrap):列保持内容自然宽度,8 列超出容器时由外层横向滚动(overflow-x: auto),绝不裁切; - 日志表单元格 padding 压缩至 6px(原 8px),配合紧凑时间格式
MM/DD HH:mm,8 列自然宽度 ≈656px,700px 容器下全部完整显示(含约 44px 余量); overflow/ellipsis/max-width:220px仅保留给 Model 列(hover title 显示全名,CC Switch 同款)。
验收标准:780px 窗口下 Cost 列表头与数值完整可见 ✅(宽度计算验证:自然宽度 656px ≤ 700px 容器;即使字体略宽溢出也会走横向滚动而非裁切)。
未改动
其他已验收功能(布局 1000px、数值列右对齐、tooltip 跟随鼠标、渐变、价格区等)均未触碰。
测试
- 全部 59 个测试通过(7 个文件);构建通过,bundle 内断言 padding 6px / Model 列 ellipsis / 通用 td 无 overflow 规则存在