xRangerDEandClaude Opus 4.7
abc983c035
Second pass on the Statistik tab. The top-10 streamers-by-size list rendered each row as a 6-inline-style template (margin, two flex containers, two span colour overrides, two bar wrappers, two bar fills with hard-coded gradient). Extracted to a .stats-top-* family in styles.css: - .stats-top-row — outer row spacing - .stats-top-meta + .stats-top-meta-sub for the label/byte-size flex header - .stats-top-share for the muted (X.Y%) suffix - .stats-top-bar-track + .stats-top-bar-fill for the gradient progress bar (now with a width-transition for the streamer-by- streamer animation when the data refreshes) - .stats-top-bar-labels for the overlaid LIVE/VOD breakdown that gets pointer-events: none so the bar isn't accidentally hover- blocked Also picked up the "no top streamers" empty-state message and swapped its inline-style div for the existing .form-note utility class introduced in 4.6.42. Top streamers row hover state intentionally NOT added — these are read-only summary rows, not interactive ones. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>