fix: 限制回测运行标题宽度避免列内容重叠
Deploy production / deploy (push) Successful in 35s

This commit is contained in:
yuxuanhui
2026-09-11 13:32:31 +08:00
parent 7e990b9a69
commit 03a66546f3
2 changed files with 17 additions and 0 deletions
+4
View File
@@ -368,6 +368,8 @@ export function BacktestPage({
render: (value, r) => (
<Button
theme="borderless"
className="backtest-name-button"
title={String(value)}
onClick={() => openRun(r!.backtest_run_id)}
>
{String(value)}
@@ -419,6 +421,8 @@ export function BacktestPage({
render: (v, d) => (
<Button
theme="borderless"
className="backtest-name-button"
title={String(v)}
onClick={() => void perform(() => loadDraft(d!.id))}
>
{String(v)}
+13
View File
@@ -86,3 +86,16 @@
gap: 8px;
}
}
/* Bound the button and its flex content independently so long names stay in their column. */
.backtest-page .backtest-name-button {
max-width: 100%;
min-width: 0;
}
.backtest-page .backtest-name-button .semi-button-content {
display: block;
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}