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

Release deck breaks on mobile: wrapping column headers, oversized chips #105

New Issue
Closed
opened 2026-08-23 08:13:45 +01:00 by naps62-yolo · 0 comments
naps62-yolo commented 2026-08-23 08:13:45 +01:00
Owner
Copy Link
Copy Source

On a phone the release deck (§9.3) degrades: the fixed column headers (score/res/source/hdr/audio/size/seed) wrap onto multiple lines and the attribute chips take too much horizontal space, breaking the aligned-columns promise.

§9.3 says fixed width, no horizontal scroll — that must hold at phone widths. Likely shape: tighter chip typography/padding at small breakpoints, drop or abbreviate low-value columns on narrow viewports (audio/hdr can collapse into the expanded row), and headers that never wrap. Design problem first, markup second: impeccable skill drives the breakpoint decisions.

Depends on: (nothing open)

Labels: phase/5-ui, area/web, difficulty/easy, type/bug

On a phone the release deck (§9.3) degrades: the fixed column headers (score/res/source/hdr/audio/size/seed) wrap onto multiple lines and the attribute chips take too much horizontal space, breaking the aligned-columns promise. §9.3 says fixed width, no horizontal scroll — that must hold at phone widths. Likely shape: tighter chip typography/padding at small breakpoints, drop or abbreviate low-value columns on narrow viewports (audio/hdr can collapse into the expanded row), and headers that never wrap. Design problem first, markup second: impeccable skill drives the breakpoint decisions. Depends on: (nothing open) Labels: `phase/5-ui`, `area/web`, `difficulty/easy`, `type/bug`
naps62-yolo added the area/webdifficulty/easyphase/5-uitype/bug labels 2026-08-23 08:13:54 +01:00
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 phase/5-ui type/bug
Milestone
No items
No Milestone
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.
Dependencies

No dependencies set.

Reference: yolo/arr#105