feat: scroll-wheel zoom and click-to-select in radar
- Replace range dropdown with smooth scroll-wheel zoom on canvas - Click dot on canvas to select it (white ring + name label) - Click row in entity list to select on canvas - Click again to deselect - Selected row highlighted with blue accent in list - Auto-scrolls list to keep selected row visible Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
359d255730
commit
60eab15fff
2 changed files with 93 additions and 38 deletions
|
|
@ -2533,14 +2533,17 @@ table.ts-allegiance td:first-child {
|
|||
color: #ccc;
|
||||
}
|
||||
|
||||
.radar-range-select {
|
||||
background: #222;
|
||||
color: #ccc;
|
||||
border: 1px solid #444;
|
||||
padding: 2px 4px;
|
||||
.radar-range-display {
|
||||
color: #aaa;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.radar-zoom-hint {
|
||||
color: #555;
|
||||
font-size: 0.7rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.radar-canvas {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
|
|
@ -2578,6 +2581,16 @@ table.ts-allegiance td:first-child {
|
|||
|
||||
.radar-entity-row:hover {
|
||||
background: #1a1a2a;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.radar-entity-selected {
|
||||
background: #1a2a3a;
|
||||
border-left: 2px solid #4488ff;
|
||||
}
|
||||
|
||||
.radar-entity-selected:hover {
|
||||
background: #1a2a3a;
|
||||
}
|
||||
|
||||
.re-color {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue