xRangerDEandClaude Opus 4.7
9a4fbb8af4
showQueueContextMenu in renderer-queue.ts was building the right-click menu entirely with .style.X = '...' assignments — the menu container had 8 inline declarations (position/z-index/bg/border/border-radius/box-shadow/padding/min-width), each menu item had 6 (padding/cursor/font-size/color/border-radius/opacity) plus two mouseenter/mouseleave handlers to fake :hover, and the separator added 3 more. Extracted everything except the dynamic positioning into four CSS classes: - .queue-context-menu (the container; left/top stay inline since they're click-position-derived) - .queue-context-menu-item (default state) - .queue-context-menu-item:hover:not(.disabled) (replaces the JS mouseenter/mouseleave dance with a real :hover rule) - .queue-context-menu-item.disabled (greys + cursor) - .queue-context-menu-separator Net: ~17 inline style assignments + 2 hover handlers gone, menu styling lives in styles.css next to other context-card patterns. The mouseenter/mouseleave -> :hover conversion also picks up reduced-motion suppression that the prefers-reduced-motion rule applies to transitions. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>