From 9de2df527a2165952b2b31e23d6b267e8780f4f2 Mon Sep 17 00:00:00 2001 From: xRangerDE Date: Mon, 11 May 2026 10:52:13 +0200 Subject: [PATCH] =?UTF-8?q?ui:=20.filter-input=20hover=20state=20=E2=80=94?= =?UTF-8?q?=20soft=20accent=20border=20on=20mouseover?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Continuing the hover-state pass from 4.6.140 (.select-compact). The .filter-input class (used by the VOD filter, sidebar streamer-list filter, and archive search input) had no :hover state — text inputs in the app gave no mouseover affordance, only a focus ring after click. Added a :hover:not(:focus):not(:disabled) rule that softens the border to the same purple-accent half-tone used by .select-compact's hover. The :not(:focus) guard prevents the hover from competing with the global input:focus ring (which sets a darker accent + halo); the :not(:disabled) keeps it consistent with the .select-compact pattern. The existing transition rule on all text inputs (line 661) covers the animation — no additional change needed there. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/styles.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/styles.css b/src/styles.css index bcdd3e1..bd92a92 100644 --- a/src/styles.css +++ b/src/styles.css @@ -472,6 +472,10 @@ body { font-size: 13px; } +.filter-input:hover:not(:focus):not(:disabled) { + border-color: rgba(145, 70, 255, 0.45); +} + .filter-input.compact { width: calc(100% - 16px); margin: 0 8px 8px;