Zentonic/zentonic-publisher

Fork 0

⚙️ 🤖 Sticky-Player-Seekbar: Hit-Area nur 3px → pixelgenaues Zielen nötig #59

New issue

Closed

opened 2026-07-01 21:30:33 +02:00 by holm · 2 comments

holm commented

2026-07-01 21:30:33 +02:00

Owner

Dimension	Bewertung	Einschaetzung
Aufwand	`██░░░░░░░░`	Niedrig — CSS Hit-Area
Nutzen	`██████░░░░`	Mittel-Hoch — Seekbar ist Kern-Interaktion
Bruchhaeufigkeit	`███████░░░`	Hoch — jede Seek-Interaktion betroffen
Nachhaltigkeit	`███████░░░`	Hoch — einmal, dauerhaft
Dringlichkeit	`█████░░░░░`	Mittel

Problem

Die Sticky-Player-Seekbar (.zt-sticky-player__seek, style.css:1198) hat height: 3px. Die klickbare Hit-Area ist damit nur 3 Pixel hoch — man muss pixelgenau zielen, um im Zeitstrahl zu springen (Holm-Befund).

Fix

Hit-Area vergroessern, ohne die schmale Optik zwingend zu opfern:

Klickbare Hoehe des input[type=range] auf ~16-20px (z.B. height: 18px; background: transparent), die sichtbare 3px-Spur per ::-webkit-slider-runnable-track / ::-moz-range-track rendern (Track 3px, aber Element hoeher → groessere Hit-Area).
Groesserer ::-webkit-slider-thumb / ::-moz-range-thumb (min ~14px) fuer leichteres Greifen.
Gilt fuer Sticky-Player-Seekbar (und ggf. eine kuenftige SPA-Player-Seekbar identisch).

Gilt unabhaengig vom Player-Ansatz (A/B) — der Player-Balken bleibt.

angelegt von Claude v00 (API/Token holm)

| Dimension | Bewertung | Einschaetzung | |---|---|---| | Aufwand | `██░░░░░░░░` | Niedrig — CSS Hit-Area | | Nutzen | `██████░░░░` | Mittel-Hoch — Seekbar ist Kern-Interaktion | | Bruchhaeufigkeit | `███████░░░` | Hoch — jede Seek-Interaktion betroffen | | Nachhaltigkeit | `███████░░░` | Hoch — einmal, dauerhaft | | Dringlichkeit | `█████░░░░░` | Mittel | ## Problem Die Sticky-Player-Seekbar (`.zt-sticky-player__seek`, style.css:1198) hat `height: 3px`. Die klickbare Hit-Area ist damit nur 3 Pixel hoch — man muss pixelgenau zielen, um im Zeitstrahl zu springen (Holm-Befund). ## Fix Hit-Area vergroessern, ohne die schmale Optik zwingend zu opfern: - Klickbare Hoehe des `input[type=range]` auf ~16-20px (z.B. `height: 18px; background: transparent`), die sichtbare 3px-Spur per `::-webkit-slider-runnable-track` / `::-moz-range-track` rendern (Track 3px, aber Element hoeher → groessere Hit-Area). - Groesserer `::-webkit-slider-thumb` / `::-moz-range-thumb` (min ~14px) fuer leichteres Greifen. - Gilt fuer Sticky-Player-Seekbar (und ggf. eine kuenftige SPA-Player-Seekbar identisch). Gilt unabhaengig vom Player-Ansatz (A/B) — der Player-Balken bleibt. > angelegt von Claude v00 (API/Token holm)

holm added the

Kind/Enhancement

Priority/Medium

labels

2026-07-01 21:30:33 +02:00

holm referenced this issue from a commit

2026-07-01 23:01:11 +02:00

feat(player): SPA-Navigation — Player überlebt Seitenwechsel nahtlos + Seekbar-Hit-Area (#58, #59)

holm referenced this issue from a commit

2026-07-01 23:01:11 +02:00

Merge feat/58-spa-player: SPA-Navigation (Player überlebt Seitenwechsel nahtlos) + Seekbar-Hit-Area (#58, #59)

holm commented

2026-07-01 23:01:26 +02:00

Author

Owner

v00-Abnahme #59 — PASS (Seekbar-Hit-Area)

CDP-verifiziert am SPA-Stand: #zt-sticky-seek computed height: 18px (war 3px). Klickflaeche jetzt gut greifbar, kein pixelgenaues Zielen mehr noetig. Kein Blocker, geschlossen durch v00.

angelegt von Claude v00 (API/Token holm)

## v00-Abnahme #59 — PASS (Seekbar-Hit-Area) CDP-verifiziert am SPA-Stand: `#zt-sticky-seek` computed `height: 18px` (war 3px). Klickflaeche jetzt gut greifbar, kein pixelgenaues Zielen mehr noetig. Kein Blocker, geschlossen durch v00. > angelegt von Claude v00 (API/Token holm)

holm closed this issue

2026-07-01 23:01:26 +02:00

holm referenced this issue

2026-07-01 23:01:27 +02:00

⚙️ 🤖 SPA-Navigation: Player überlebt Seitenwechsel (nahtloses Weiterspielen, Ansatz B) #58

holm added the

Status/Needs-v00-Abnahme

label

2026-07-01 23:01:35 +02:00

holm referenced this issue

2026-07-01 23:01:35 +02:00

⚙️ 🤖 SPA-Navigation: Player überlebt Seitenwechsel (nahtloses Weiterspielen, Ansatz B) #58

holm commented

2026-07-01 23:01:36 +02:00

Author

Owner

Seekbar-Hit-Area gefixt (im SPA-Merge `28ec849`, #58)

.zt-sticky-player__seek: Element-Höhe 3px→18px (background:transparent), sichtbare 3px-Spur über ::-webkit-slider-runnable-track/::-moz-range-track, Thumb 14px (::-webkit-slider-thumb/::-moz-range-thumb). Schmale Optik bleibt, Hit-Area/Thumb deutlich größer.

CDP-verifiziert: Seekbar-Element computed height 18px, Klick knapp neben der 3px-Spur triggert seek (input-Event funktional).

🤖 angelegt von Claude o00 (API/Token holm)

## Seekbar-Hit-Area gefixt (im SPA-Merge `28ec849`, #58) `.zt-sticky-player__seek`: Element-Höhe 3px→**18px** (`background:transparent`), sichtbare 3px-Spur über `::-webkit-slider-runnable-track`/`::-moz-range-track`, Thumb **14px** (`::-webkit-slider-thumb`/`::-moz-range-thumb`). Schmale Optik bleibt, Hit-Area/Thumb deutlich größer. **CDP-verifiziert:** Seekbar-Element computed height 18px, Klick knapp neben der 3px-Spur triggert seek (`input`-Event funktional). > 🤖 angelegt von Claude o00 (API/Token holm)

holm referenced this issue

2026-07-01 23:18:05 +02:00

⚙️ 🤖 SPA-Navigation: Player überlebt Seitenwechsel (nahtloses Weiterspielen, Ansatz B) #58

holm referenced this issue

2026-07-01 23:18:05 +02:00

Player: Sticky-Footer-Player für seitenübergreifende Persistenz (static site) #53