fix: inline options order panel below selected row with clear active states

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 09:16:04 +08:00
parent c1647822fb
commit 38f6bc240e
3 changed files with 154 additions and 42 deletions
+32 -1
View File
@@ -2372,9 +2372,40 @@ html[data-theme="light"] .settings-export-link {
.options-chain-toolbar .btn-secondary.active,
.opt-uly-btn.active,
.opt-type-btn.active {
border-color: #4a7cff;
border-color: #5b8cff;
color: #cfe0ff;
background: rgba(74, 124, 255, 0.28);
box-shadow: inset 0 0 0 1px rgba(120, 160, 255, 0.45);
}
.opt-pick-btn.active {
border-color: #5b8cff;
color: #fff;
background: rgba(74, 124, 255, 0.45);
box-shadow: inset 0 0 0 1px rgba(140, 175, 255, 0.6);
}
.opt-strike-row.opt-row-selected td {
background: rgba(74, 124, 255, 0.1);
}
.opt-strike-row.opt-row-selected td:first-child {
box-shadow: inset 3px 0 0 #5b8cff;
}
.opt-order-inline-row td {
padding: 14px 16px !important;
background: rgba(74, 124, 255, 0.07);
border-top: 1px solid rgba(74, 124, 255, 0.25);
border-bottom: 1px solid rgba(74, 124, 255, 0.25);
}
.opt-order-panel-inner {
border-radius: 8px;
}
.opt-order-panel-inner .opt-order-title {
margin: 0 0 10px;
font-size: 1rem;
color: #9ec0ff;
}
.opt-order-panel-host {
display: none;
}
.options-order-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));