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

release: 5.0.9 — Dark-theme fuer .form-stack und .input-narrow Inputs

Browse Source 
Inputs/Selects in .form-stack Containern (Auto-Cleanup: Tage-Schwelle,
Bereich, Aktion) und bare .input-narrow Inputs (Auto-VOD: Poll-Intervall,
Max. Alter) hatten OS-default-weisse Backgrounds — die existierende
.form-group-Regel matched die Selektoren nicht.

Fix: .form-stack-Selektoren parallel zu .form-group hinzugefuegt, und
.input-narrow stylt sich jetzt selbst (background-color + border +
hover/focus state) damit auch bare Inputs ohne wrapper consistent
aussehen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-05-19 04:27:53 +02:00
parent 72931daaf1
commit a4931d3ec0
3 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "5.0.8", "version": "5.0.9",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "5.0.8", "version": "5.0.9",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"axios": "^1.16.1", "axios": "^1.16.1",

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "5.0.8", "version": "5.0.9",
"description": "Twitch VOD Manager - Download Twitch VODs easily", "description": "Twitch VOD Manager - Download Twitch VODs easily",
"main": "dist/main.js", "main": "dist/main.js",
"author": "xRangerDE", "author": "xRangerDE",

39
src/styles.css
View File

@ -1760,7 +1760,10 @@ select option {
margin-bottom: 6px; margin-bottom: 6px;
} }
.form-group input:not([type="checkbox"]):not([type="radio"]), .form-group select { .form-group input:not([type="checkbox"]):not([type="radio"]),
.form-group select,
.form-stack input:not([type="checkbox"]):not([type="radio"]),
.form-stack select {
width: 100%; width: 100%;
/* background-color (nicht background shorthand) — sonst wuerden /* background-color (nicht background shorthand) — sonst wuerden
background-image (Chevron-SVG), background-repeat, background-size background-image (Chevron-SVG), background-repeat, background-size
@ -1774,13 +1777,18 @@ select option {
font-size: 14px; font-size: 14px;
} }
.form-group input:not([type="checkbox"]):not([type="radio"]):focus, .form-group select:focus { .form-group input:not([type="checkbox"]):not([type="radio"]):focus,
.form-group select:focus,
.form-stack input:not([type="checkbox"]):not([type="radio"]):focus,
.form-stack select:focus {
outline: none; outline: none;
border-color: var(--accent); border-color: var(--accent);
} }
.form-group input:not([type="checkbox"]):not([type="radio"]):disabled, .form-group input:not([type="checkbox"]):not([type="radio"]):disabled,
.form-group select:disabled { .form-group select:disabled,
.form-stack input:not([type="checkbox"]):not([type="radio"]):disabled,
.form-stack select:disabled {
opacity: 0.55; opacity: 0.55;
cursor: not-allowed; cursor: not-allowed;
color: rgba(239, 239, 241, 0.7); color: rgba(239, 239, 241, 0.7);
@ -2335,9 +2343,32 @@ select option {
/* Compact-width input — used for the Auto-VOD poll/age inputs where /* Compact-width input — used for the Auto-VOD poll/age inputs where
the values are 2-3 digits and a full-width input would look odd the values are 2-3 digits and a full-width input would look odd
alongside their inline sublabels. */ alongside their inline sublabels. Stylt sich selbst mit dark-theme
weil es direkt in einer .form-row sitzt (kein .form-group / .form-stack
Wrapper, der das styling sonst beistellt). */
.input-narrow { .input-narrow {
width: 90px; width: 90px;
background-color: var(--bg-main);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 4px;
padding: 8px 10px;
color: var(--text);
font-size: 14px;
}
.input-narrow:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(145, 70, 255, 0.18);
}
.input-narrow:hover:not(:focus):not(:disabled) {
border-color: rgba(145, 70, 255, 0.45);
}
.input-narrow:disabled {
opacity: 0.55;
cursor: not-allowed;
} }
/* Block-level note text — same colour as .form-sublabel but reserved /* Block-level note text — same colour as .form-sublabel but reserved