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

ui: .select-compact hover state + drop redundant margin:0 on filenameTemplatesTitle

Browse Source 
Two small targeted polishes:

1. .select-compact had no :hover state — selects in the VOD sort, Archive filters, and other compact dropdowns gave no mouse-feedback visual when pointed at. Added a soft purple-accent tint on hover (background + border-color transition) matching the rest of the app's interactive-control hover palette. The global select:focus rule already handles keyboard focus; this only adds the mouse-hover affordance.

2. The filenameTemplatesTitle label carried style="margin: 0;" inline. The global * { margin: 0 } reset at the top of styles.css already zeros every element's margin by default, so the inline declaration was a literal no-op. Dropped it — same noise-removal as the archiveTitle fix in 4.6.99.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-05-11 10:48:03 +02:00
parent 7ef6459c8a
commit b880ce9694
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.html
View File

@ -635,7 +635,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="form-row" style="align-items:center; margin-bottom: 4px;"> <div class="form-row" style="align-items:center; margin-bottom: 4px;">
<label id="filenameTemplatesTitle" style="margin: 0;">Dateinamen-Templates</label> <label id="filenameTemplatesTitle">Dateinamen-Templates</label>
<button class="btn-secondary" id="settingsTemplateGuideBtn" type="button" onclick="openTemplateGuide('vod')">Template Guide</button> <button class="btn-secondary" id="settingsTemplateGuideBtn" type="button" onclick="openTemplateGuide('vod')">Template Guide</button>
</div> </div>
<div class="form-row" style="gap: 8px; margin: 8px 0 6px;"> <div class="form-row" style="gap: 8px; margin: 8px 0 6px;">

6
src/styles.css
View File

@ -847,6 +847,12 @@ select option {
padding: 7px 10px; padding: 7px 10px;
color: var(--text); color: var(--text);
font-size: 13px; font-size: 13px;
transition: border-color 0.15s, background 0.15s;
}
.select-compact:hover:not(:disabled) {
background: rgba(145, 70, 255, 0.08);
border-color: rgba(145, 70, 255, 0.45);
} }
/* Wider variant — used for the Archive-search streamer-name select /* Wider variant — used for the Archive-search streamer-name select