dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make key level history list vertically scrollable

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

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-11 09:49:03 +08:00
parent 324aa1c5c6
commit 0647bba5f5
1 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
strategy_templates/key_monitor_panel.html
+20 -3
View File
@@ -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">