yolo/arr
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Title pages: drop the back button, banner meets the rail #229

New Issue
Closed
opened 2026-08-25 08:29:03 +01:00 by naps62-yolo · 0 comments
naps62-yolo commented 2026-08-25 08:29:03 +01:00
Owner
Copy Link
Copy Source

The movie and series pages open with a back button floating above the hero,
and a band of empty space between the rail and the banner.

Two changes:

  • Drop the back button. The rail is always present, browser back works, and
    Esc already returns to the parent route — the button is a third way to do what
    two other things already do, and it costs the page its first line.
  • The banner meets the rail. No padding or margin between the header and the
    top of the hero; the banner starts where the rail ends.

Removing the button means checking what depended on it. movie-back and the
series equivalent are referenced in web/src/main.ts, and the focus handling
after a removal or a failed load may focus them — that focus has to land
somewhere sensible instead, not nowhere. Esc must keep working, and so must the
parent-route logic the button shared.

Goes through the impeccable skill. Drive a real browser with agent-browser,
never google-chrome --headless, and check a title with a backdrop and one
without — the hero renders differently when has-backdrop is absent and the
spacing change has to hold in both.

Non-goals: no change to what the hero contains, and no change to the rail.

The movie and series pages open with a `back` button floating above the hero, and a band of empty space between the rail and the banner. Two changes: - **Drop the back button.** The rail is always present, browser back works, and Esc already returns to the parent route — the button is a third way to do what two other things already do, and it costs the page its first line. - **The banner meets the rail.** No padding or margin between the header and the top of the hero; the banner starts where the rail ends. Removing the button means checking what depended on it. `movie-back` and the series equivalent are referenced in `web/src/main.ts`, and the focus handling after a removal or a failed load may focus them — that focus has to land somewhere sensible instead, not nowhere. Esc must keep working, and so must the parent-route logic the button shared. Goes through the `impeccable` skill. Drive a real browser with `agent-browser`, never `google-chrome --headless`, and check a title with a backdrop and one without — the hero renders differently when `has-backdrop` is absent and the spacing change has to hold in both. Non-goals: no change to what the hero contains, and no change to the rail.
naps62-yolo added this to the Feedback pass 2 milestone 2026-08-25 08:29:03 +01:00
naps62-yolo added the difficulty/easytype/bugarea/web labels 2026-08-25 08:29:03 +01:00
naps62-yolo added a new dependency 2026-08-25 08:29:33 +01:00
#230 Icon-only controls and readouts
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
area/api
arr-api
 area/ci
CI and test harness
 area/compat
arr-compat
 area/core
arr-core
 area/daemon
arr-daemon
 area/db
arr-db
 area/dl
arr-dl
 area/indexer
arr-indexer
 area/infra
workspace and tooling
 area/meta
arr-meta
 area/parse
arr-parse
 area/probe
arr-probe
 area/subs
arr-subs crate: providers, extraction, translation, sync
 area/web
web/
 difficulty/easy
bounded, obvious approach, few files
 difficulty/hard
subtle correctness or cross-cutting
 difficulty/moderate
multiple files, judgement, an interface to design
 difficulty/trivial
one file, mechanical, no design decisions
 phase/1-skeleton
workspace, CI, config, database, empty API and SPA
 phase/2-logic
parsing and policy engine, pure, no network
 phase/3-sourcing
TMDB and Prowlarr, read-only
 phase/4-movies
movies end to end
 phase/5-ui
search, buckets, library views, queues
 phase/6-tv
seasons, episodes, tracking, derived status
 phase/7-people
owner tags and notifications
 phase/8-compat
Jellyseerr shim
 phase/9-subtitles
build order: subtitles, DESIGN.md §15
 type/bug
type/chore
type/feature
type/test
No labels area/web difficulty/easy type/bug
Milestone
No items
No Milestone Feedback pass 2
Projects
Clear projects
No projects
Assignees
Clear assignees
hermes (Hermes (agent)) naps62 (Miguel Palhas) naps62-yolo (naps62-yolo (agent))
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Blocks
#230 Icon-only controls and readouts
yolo/arr
Reference: yolo/arr#229