leefer/caiwuzongzhang
1
0
Fork 0
Code Issues Pull Requests 4 Actions Packages Projects Releases Wiki Activity

HEL-162: 修复宽屏主从列表无法内部滚动

Browse Source 
为 .dash-master-split 增加 grid-template-rows: minmax(0,1fr)，使 max-height 真正约束行高，左侧 7 家公司可滚可选；顺手删除无调用的 statusPill。

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
施工员
2026-08-26 16:14:37 +00:00
co-authored by Cursor multica-agent
parent 5b3ebad757
commit c4f7573653
3 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/admin.html
+2 -2
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="金牛集团管理端" />
<title>管理端 · 金牛集团</title>
<link rel="stylesheet" href="design-system.css?v=7" />
<link rel="stylesheet" href="design-system.css?v=8" />
</head>
<body data-portal="admin">
<a class="skip-link" href="#main-content">跳到主要内容</a>
@@ -942,6 +942,6 @@
</div>
</div>
<div class="toast-region" id="toastRegion" aria-live="polite"></div>
<script src="app.js?v=7"></script>
<script src="app.js?v=8"></script>
</body>
</html>
web/app.js
-11
View File
@@ -1145,17 +1145,6 @@ function netClass(value) {
return "";
}
function statusPill(label) {
if (!label || label === "—") return '<span class="meta">—</span>';
const map = {
"已完成": "pill-success",
"流水待补": "pill-warn",
"确认中": "pill-warn",
"未提交": "pill-danger",
};
return `<span class="pill ${map[label] || "pill-muted"}">${label}</span>`;
}
function updateDashAuditCard(audit) {
applyAuditCounts(audit, { fromApi: true });
}
web/design-system.css
+5
View File
@@ -250,6 +250,9 @@ p { margin: 0; }
gap: 0;
/* 少数据自适应；整卡（含共享头）目标约 340px；多数据模块内滚动 */
max-height: 300px;
/* max-height alone 无法约束隐式行高；补可收缩行后 pane 内 overflow:auto 才会生效 */
grid-template-rows: minmax(0, 1fr);
overflow: hidden;
}
.dash-master-pane {
display: flex;
@@ -450,6 +453,8 @@ p { margin: 0; }
.grid-3, .grid-2-1, .grid-1-2, .grid-3-2, .grid-480-1 { grid-template-columns: minmax(0, 1fr); }
.dash-master-split {
max-height: none;
grid-template-rows: none;
overflow: visible;
}
.dash-master-pane--list {
border-right: 0;