修复实验页右侧内容溢出:宽表固定两端 + 提示;对比表首列固定;月度表收紧内边距
- 实验列表 11 列在 1366px 及更窄窗口放不下,「操作」列被推到卡片外;macOS 覆盖式 滚动条不滚动不显示,看起来就是「右侧内容溢出/被切掉」。现在左右两端固定 (选择列、ID、操作列),列宽按实测单行内容宽度定,只有真溢出时才提示可横向滚动。 - 对比视图(指标对比 / 参数差异)列数随实验个数增长,首列改为固定,同样按需提示。 - 详情图层里的月度收益表 13 列超出 38px:收紧内边距并固定「年份」列。 - 可排序表头命中区 19.2px → 34px(与同排复选框等高),修掉 UI 规范门禁的 7 项失败。 - 顺手把对比区两处会原样显示的字面 ** 改成「」。 门禁:ruff 通过;pytest 524 passed;tsc 0 error;npm run build OK;test:charts 7 passed; verify_ui_alignment.py 160 项通过 / 0 失败。
This commit is contained in:
@@ -395,7 +395,9 @@ export function MonthlyReturnsTable({
|
||||
if (years.length === 0) return <Empty title="无月度收益数据" />;
|
||||
return (
|
||||
<div className="table-wrap">
|
||||
<table className="tbl">
|
||||
{/* 13 列(年份 + 12 个月):窄容器(实验详情图层 1032px、手机)一定放不下,
|
||||
所以收紧内边距 + 首列「年份」固定,让月份横向滚动时也知道看的是哪一年。 */}
|
||||
<table className="tbl tbl--monthly tbl--pin-first">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>年份</th>
|
||||
|
||||
Reference in New Issue
Block a user