xRangerDEandClaude Opus 4.7
17b715ab24
Polish round 3, plus a class-collision fix. Fix first: the new X-close button class introduced in 4.6.21 was called .btn-icon, which collided with an EXISTING .btn-icon class already used by the top-bar Refresh button (and elsewhere). The second declaration partially overrode the first, leaving Refresh with the wrong hover state (red instead of purple-tinted). Renamed the close-button class to .btn-close and updated the two call sites (btnStreamerBulkRemove + vodFilterClearBtn). Refresh now hovers correctly with a purple tint + a 180deg SVG icon spin on hover. Polish bundle: - Input focus ring globally: every text/search/number/password input + textarea + select picks up a 3px rgba purple ring on focus, with a smooth 180ms transition on border-color, box-shadow, and background. Focus state finally reads as intentional instead of the OS default blue glow. - Queue items: 3px left border that color-codes by status (purple while downloading, green when complete, red on error), faint purple-tinted background when downloading, soft glow on the status dot. The queue list now reads as a status timeline at a glance. - Top-bar Refresh button picks up a 1px border, purple-tint hover background, and the SVG arrow spins on hover for the "refresh" feel. - Header search box (Add streamer): consistent border-radius (6px vs 4px) and the + button gets a hover shadow + active-press micro-bounce. - App toast: gradient background, accent-color left border (purple for info, amber for warn, red for error), animated slide-in from the right instead of vertical, backdrop blur for content legibility over busy backgrounds, and an extra .error variant class. Feels modern instead of like a notice strip from 2010. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>