xRangerDEandClaude Opus 4.7
5da4cc9e64
Five filter-style text inputs (vodFilterInput, streamerListFilter, archiveSearchQuery, chatViewerFilter) plus three monospace template inputs (vod / parts / clip filename templates) were each carrying their own ~80 chars of inline style declaring near-identical background / border / radius / padding combinations. Consolidated into three new utility classes: - .filter-input — base flex-1 minWidth-180 filter look, used by vodFilterInput - .filter-input.compact — small variant for the sidebar streamer filter (smaller padding, smaller font, no flex, percent-width with margin) - .filter-input.flex-1-1-240 — larger variant for the archive search box (240px basis, 200px min, smaller radius/padding to fit the multi-control form-row it sits in) - .input-monospace — applies the same monospace stack (Consolas / Segoe UI Mono / monospace) used by .chat-viewer-time and .viewer-modal-list-chat to text inputs that hold code-shaped values Side effect: vodHideDownloadedToggle had a hardcoded `accent-color: var(--accent); cursor:pointer;` inline style, which was redundant after the global custom-checkbox styling landed in 4.6.26 (the checkbox is now ::after-driven, accent-color does nothing). Removed. Zero visual change. The inputs render identically because the class CSS values match what was inline. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>