From 0647bba5f53897b61dd73d73255f77b4136932ed Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Thu, 11 Jun 2026 09:49:03 +0800
Subject: [PATCH] fix: make key level history list vertically scrollable

Prevent history rows from shrinking when the list grows; show a stable right-side scrollbar.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 strategy_templates/key_monitor_panel.html | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/strategy_templates/key_monitor_panel.html b/strategy_templates/key_monitor_panel.html
index 1128ee1..20946be 100644
--- a/strategy_templates/key_monitor_panel.html
+++ b/strategy_templates/key_monitor_panel.html
@@ -1,5 +1,22 @@
 <style>
-.key-panel-scroll.panel-scroll.pos-list{max-height:min(70vh,640px);overflow:auto;min-height:200px;padding-bottom:6px}
+.key-monitor-dual-grid{align-items:start}
+.key-monitor-dual-grid>.card{height:auto;min-height:0}
+.key-panel-scroll.panel-scroll.pos-list{
+    display:block;
+    flex:1 1 0;
+    min-height:200px;
+    max-height:min(70vh,640px);
+    overflow-x:hidden;
+    overflow-y:auto;
+    padding-bottom:6px;
+    -webkit-overflow-scrolling:touch;
+    scrollbar-gutter:stable;
+}
+.key-history-scroll.key-panel-scroll{max-height:min(72vh,680px)}
+.key-panel-scroll.panel-scroll.pos-list .key-row-collapse{flex-shrink:0}
+.key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar{width:8px}
+.key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar-thumb{background:#3a4660;border-radius:4px}
+.key-panel-scroll.panel-scroll.pos-list::-webkit-scrollbar-track{background:transparent}
 .key-row-collapse{border:1px solid #2a3348;border-radius:10px;background:#141923}
 .key-row-collapse:not([open]){overflow:hidden}
 .key-row-collapse[open]{overflow:visible}
@@ -85,7 +102,7 @@
 {{ key_history_outcome_label(h) }} · {{ (h.closed_at or '-')[:16] }} · 上{{ h.upper }} / 下{{ h.lower }} · 提醒 {{ h.notification_count or 0 }}
 {%- endmacro %}
 
-<div class="dual-panel-grid" style="grid-column:1/-1">
+<div class="dual-panel-grid key-monitor-dual-grid" style="grid-column:1/-1">
 <div class="card">
     <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px">
         <h2 style="margin-bottom:0">关键位监控</h2>
@@ -179,7 +196,7 @@
 <div class="card">
     <h2 style="margin-bottom:8px">关键位历史</h2>
     <div class="sub" style="font-size:.72rem;color:#8892b0;margin-bottom:8px">失效或已结案的关键位 · 点击展开详情</div>
-    <div class="panel-scroll pos-list key-panel-scroll">
+    <div class="panel-scroll pos-list key-panel-scroll key-history-scroll">
         {% for h in key_history %}
         <details class="key-row-collapse key-history-{{ key_history_outcome_kind(h) }}">
             <summary class="key-row-collapse-summary">