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

Strip the rail to wordmark, warning, search and cog #252

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

The top rail carries three text controls, a wordmark and a version readout, and
the search box sits wherever what is left of the row allows. Cut it down to the
four things that earn their place.

Library control goes. The wordmark is already a link home (§9.7), so the
control is a second copy of the same destination.

Queues becomes a warning. Icon-only, no label, rendered only when the count
is non-zero, keeping the amber count it carries today. At zero there is no
control at all. Accepted consequence: an empty queue view has no discoverable
path, only the /queues URL. That is the intent — the rail should say
something needs attention, not offer a place to go and find nothing.

Settings becomes a cog, moved out of .rail-nav into .rail-meta, to the
right of the version readout.

The search box then centres for real. With .rail-nav gone, check that the
flex layout actually centres .rail-search in the rail rather than leaving it
approximately centred by accident of the remaining widths.

Two new glyphs go in web/src/icons.ts — a cog and a warning mark — drawn on
the same 16-grid stroke set as the existing four. The icon-only control block
already documents the idiom: the glyph carries the action, the aria-label
carries the meaning.

DESIGN.md §9.7 is amended in this issue. It currently names only the master
lamp and the wordmark as rail contents. Record the composition this issue
settles on: master lamp, wordmark, warning (conditional), search, version, cog.

Where the code is:

  • web/index.html:73-105 — the rail markup.
  • web/src/main.ts:328-424 — #nav-library handlers and the wordmark
    interception; web/src/main.ts:4130 — the queues nav control.
  • web/src/settings.ts:208 — #nav-settings.
  • web/src/style.css — the .rail-* block.

Non-goals: the queues view itself is untouched. Both its sections still render
when empty, for the operator who arrives there deliberately.

The top rail carries three text controls, a wordmark and a version readout, and the search box sits wherever what is left of the row allows. Cut it down to the four things that earn their place. **Library control goes.** The wordmark is already a link home (§9.7), so the control is a second copy of the same destination. **Queues becomes a warning.** Icon-only, no label, rendered only when the count is non-zero, keeping the amber count it carries today. At zero there is no control at all. Accepted consequence: an empty queue view has no discoverable path, only the `/queues` URL. That is the intent — the rail should say something needs attention, not offer a place to go and find nothing. **Settings becomes a cog**, moved out of `.rail-nav` into `.rail-meta`, to the right of the version readout. **The search box then centres for real.** With `.rail-nav` gone, check that the flex layout actually centres `.rail-search` in the rail rather than leaving it approximately centred by accident of the remaining widths. Two new glyphs go in `web/src/icons.ts` — a cog and a warning mark — drawn on the same 16-grid stroke set as the existing four. The icon-only control block already documents the idiom: the glyph carries the action, the `aria-label` carries the meaning. **DESIGN.md §9.7 is amended in this issue.** It currently names only the master lamp and the wordmark as rail contents. Record the composition this issue settles on: master lamp, wordmark, warning (conditional), search, version, cog. Where the code is: - `web/index.html:73-105` — the rail markup. - `web/src/main.ts:328-424` — `#nav-library` handlers and the wordmark interception; `web/src/main.ts:4130` — the queues nav control. - `web/src/settings.ts:208` — `#nav-settings`. - `web/src/style.css` — the `.rail-*` block. Non-goals: the queues view itself is untouched. Both its sections still render when empty, for the operator who arrives there deliberately.
naps62-yolo added this to the Feedback pass 3 milestone 2026-08-25 18:04:18 +01:00
naps62-yolo added the area/webdifficulty/moderatetype/bug labels 2026-08-25 18:04:18 +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/moderate type/bug
Milestone
No items
No Milestone Feedback pass 3
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
#253 Row affordances become buttons; drop dead and duplicated rows
yolo/arr
Reference: yolo/arr#252