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

Icon-only controls and readouts #230

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

Depends on: #229

Text labels are doing work an icon does better, and the readouts repeat words
the icon would carry.

Operator ruling: icon-only, throughout. Not icon-plus-text.

  • remove files and remove file on season and episode rows become a trash
    icon
  • remove on the movie and series pages becomes a trash icon
  • 0/10 on disk becomes a storage icon followed by 0/10
  • TMDB, TVDB, IMDB and ROTTEN TOMATOES links carry their own marks
    rather than spelling their names
  • the deck control becomes a search icon (see #231 for the wording side)

Icon-only means the accessible name has to carry what the glyph cannot: every
control keeps an aria-label saying what it does, and destructive ones say what
they destroy. The season control already has a good one — "remove season 02
files from disk and stop wanting its episodes — the season stays listed" — and
that must survive becoming an icon.

Two things to get right rather than assume:

  • these controls share the --control-h geometry with chips (#164, #170). An
    icon button that stops matching that height reintroduces the misalignment
    that issue fixed.
  • provider marks are third-party logos. Use simple glyphs or inline SVG that
    ships with the app; do not hotlink remote images. §9.6 already refuses an
    image proxy and the CSP-free deployment is not a reason to start fetching
    logos from elsewhere.

Goes through the impeccable skill. Drive a real browser with agent-browser,
never google-chrome --headless. Check the destructive controls specifically:
an icon-only trash button that is easy to hit by accident is a failure of this
issue even if it looks right.

Depends on: #229 Text labels are doing work an icon does better, and the readouts repeat words the icon would carry. Operator ruling: **icon-only**, throughout. Not icon-plus-text. - `remove files` and `remove file` on season and episode rows become a trash icon - `remove` on the movie and series pages becomes a trash icon - `0/10 on disk` becomes a storage icon followed by `0/10` - `TMDB`, `TVDB`, `IMDB` and `ROTTEN TOMATOES` links carry their own marks rather than spelling their names - the `deck` control becomes a search icon (see #231 for the wording side) Icon-only means the accessible name has to carry what the glyph cannot: every control keeps an `aria-label` saying what it does, and destructive ones say what they destroy. The season control already has a good one — *"remove season 02 files from disk and stop wanting its episodes — the season stays listed"* — and that must survive becoming an icon. Two things to get right rather than assume: - these controls share the `--control-h` geometry with chips (#164, #170). An icon button that stops matching that height reintroduces the misalignment that issue fixed. - provider marks are third-party logos. Use simple glyphs or inline SVG that ships with the app; do not hotlink remote images. §9.6 already refuses an image proxy and the CSP-free deployment is not a reason to start fetching logos from elsewhere. Goes through the `impeccable` skill. Drive a real browser with `agent-browser`, never `google-chrome --headless`. Check the destructive controls specifically: an icon-only trash button that is easy to hit by accident is a failure of this issue even if it looks right.
naps62-yolo added this to the Feedback pass 2 milestone 2026-08-25 08:29:03 +01:00
naps62-yolo added the type/bugarea/webdifficulty/moderate labels 2026-08-25 08:29:03 +01:00
naps62-yolo added a new dependency 2026-08-25 08:29:33 +01:00
#229 Title pages: drop the back button, banner meets the rail
naps62-yolo added a new dependency 2026-08-25 08:29:33 +01:00
#232 Plainer words: force grab, blocked, and no deck
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/moderate 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
#232 Plainer words: force grab, blocked, and no deck
yolo/arr
Depends on
#229 Title pages: drop the back button, banner meets the rail
yolo/arr
Reference: yolo/arr#230