fix: inline options order panel below selected row with clear active states
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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));
|
||||
|
||||
Reference in New Issue
Block a user