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:
Erik 2026-04-08 12:28:09 +02:00
parent 359d255730
commit 60eab15fff
2 changed files with 93 additions and 38 deletions

View file

@ -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 {