Administrator/Twitch-VOD-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 212 Wiki Activity

dead-code: remove redundant .filter-input:hover rule

Browse Source 
4.6.141 added .filter-input:hover:not(:focus):not(:disabled) { border-color: rgba(145, 70, 255, 0.45); } as a targeted hover affordance. Then 4.6.142 added the same effect via the global input[type="text"]:hover:not(:focus):not(:disabled) rule covering every text input.

Since .filter-input is always applied to <input type="text"> elements (VOD filter, sidebar streamer filter, archive search input), the global rule already matches them all with identical effect. The class-scoped rule was duplicated work.

Replaced with an explanatory comment so future readers don't add it back. The .select-compact:hover stays because it adds a background tint on top of the global border-color change.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-05-11 11:46:20 +02:00
parent ce3b876006
commit 4472e3bf50
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles.css
View File

@ -471,10 +471,10 @@ body {
color: var(--text); color: var(--text);
font-size: 13px; font-size: 13px;
} }
/* No .filter-input:hover here — it's redundant with the global
.filter-input:hover:not(:focus):not(:disabled) { input[type="text"]:hover rule added in 4.6.142 (same effect: soft
border-color: rgba(145, 70, 255, 0.45); purple border on hover). The class is always applied to <input
} type="text"> elements, so the global rule already covers them. */
.filter-input.compact { .filter-input.compact {
width: calc(100% - 16px); width: calc(100% - 16px);