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

ui: show Top20 rank sheet below toolbar instead of over chart

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-08 16:11:11 +08:00
parent 4c55932906
commit 5fb4a10638
3 changed files with 68 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+25 -38
View File
@@ -2628,9 +2628,6 @@ body.login-page {
flex-wrap: wrap;
gap: 10px;
align-items: flex-end;
position: relative;
z-index: 60;
overflow: visible;
}
.market-field {
@@ -2931,16 +2928,11 @@ body.login-page {
pointer-events: auto;
}
.market-field-symbol {
overflow: visible;
}
.market-field-symbol .market-symbol-wrap {
display: flex;
align-items: stretch;
gap: 6px;
min-width: 0;
overflow: visible;
}
.market-field-symbol .market-symbol-wrap > input {
@@ -2948,53 +2940,43 @@ body.login-page {
min-width: 120px;
}
.market-vol-rank {
position: relative;
.market-vol-rank-btn {
flex: 0 0 auto;
overflow: visible;
}
.market-toolbar:has(.market-vol-rank[open]) {
z-index: 1300;
}
.market-vol-rank > summary {
list-style: none;
cursor: pointer;
height: 100%;
min-height: 34px;
padding: 0 10px;
display: inline-flex;
align-items: center;
border: 1px solid var(--border-soft);
border-radius: 6px;
background: var(--inset-surface);
color: var(--accent);
font-size: 0.78rem;
font-weight: 600;
font-family: var(--font);
white-space: nowrap;
cursor: pointer;
}
.market-vol-rank > summary::-webkit-details-marker {
display: none;
}
.market-vol-rank[open] > summary {
.market-vol-rank-btn:hover {
border-color: rgba(0, 255, 157, 0.35);
background: rgba(0, 255, 157, 0.08);
}
.market-vol-rank-panel {
position: fixed;
z-index: 1310;
width: min(320px, 72vw);
max-height: min(420px, 70vh);
overflow: auto;
.market-vol-rank-btn.is-active {
border-color: rgba(0, 255, 157, 0.45);
background: rgba(0, 255, 157, 0.12);
color: var(--accent);
}
.market-vol-rank-sheet {
margin: -6px 0 12px;
padding: 10px 12px 8px;
border: 1px solid var(--border-soft);
border-radius: 8px;
background: var(--panel-bg, #1a1f2e);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
padding: 8px 0 6px;
border-radius: var(--radius);
background: var(--panel);
box-shadow: var(--glow);
}
.market-vol-rank-sheet.hidden {
display: none;
}
.market-vol-rank-meta {
@@ -3008,6 +2990,11 @@ body.login-page {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
gap: 2px 12px;
max-height: 200px;
overflow: auto;
}
.market-vol-rank-item {