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

release: 5.0.15 — grauer Balken ueber jedem VOD-Thumbnail gefixt

Browse Source 
User-Report: ueber jedem VOD-Bild ein grauer Balken (~16px).

Root Cause (per Playwright-Geometrie-Probe gefunden, nicht geraten):
.vod-select-checkbox war als position:relative gerendert statt absolute.
Die globale Regel
(Spezifitaet 0,0,1,1 = type+attr) schlaegt
(0,0,1,0 = 1 class). Dadurch war die Bulk-Select-Checkbox ein in-flow
Element und belegte als erstes Flex-Item eine 16px-Reihe oben in der
.vod-card -> schob das Thumbnail 16px runter, die 16px Card-Background
waren der 'graue Balken'. Auch width/height wurden auf 16px statt 18px
ueberschrieben.

Fix: Selektor  (0,0,2,1)
schlaegt die globale Regel sauber -> Checkbox wieder position:absolute,
overlay oben-links ueber dem Thumbnail. thumb-wrap relTop 17px -> 1px
(nur noch Border), Card-Hoehe 320 -> 304px.

Verifiziert: Geometrie-Probe (gapCardToWrap 16->~0), Button-Alignment
weiter 0px ueber xqc/papaplatte/xrohat, 219 unit + e2e gruen.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-05-23 17:33:49 +02:00
parent de1b3c9a91
commit 762e081d2b
3 changed files with 12 additions and 5 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",
"version": "5.0.14",
"version": "5.0.15",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "twitch-vod-manager",
"version": "5.0.14",
"version": "5.0.15",
"license": "MIT",
"dependencies": {
"axios": "^1.16.1",

2
package.json
View File

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

11
src/styles.css
View File

@ -1491,8 +1491,15 @@ select option {
/* The bulk-select checkbox overlaid on each VOD thumbnail top-left.
Positioned absolutely so it sits over the artwork without affecting
the cards flex/info layout. */
.vod-select-checkbox {
the cards flex/info layout.
WICHTIG: Selektor MUSS hoehere Spezifitaet haben als die globale
`input[type="checkbox"]` Regel (0,0,1,1), sonst gewinnt deren
`position: relative` + `width/height:16px` und die Checkbox wird zum
in-flow Flex-Item -> belegt eine 16px-Reihe oben in der Card und
schiebt das Thumbnail runter (grauer Balken ueber jedem VOD-Bild,
gemeldet in 5.0.14). `input[type="checkbox"].vod-select-checkbox`
= (0,0,2,1) schlaegt die globale Regel sauber. */
input[type="checkbox"].vod-select-checkbox {
position: absolute;
top: 8px;
left: 8px;