Skip to content

feat(site): release names on one line, sizes as pills - #396

Merged
thcolin merged 8 commits into
devfrom
thcolin/site-release-names
Oct 12, 2026
Merged

thcolin merged 8 commits into
devfrom
thcolin/site-release-names

Conversation

@thcolin

@thcolin thcolin commented Oct 12, 2026

Copy link
Copy Markdown
Owner
  • A release name never wraps on the landing page: it scrolls along its line without a scrollbar, each cut edge fading out. In the swap cards it starts from its end, so the source, codec and group show.
  • Sizes are pills on the name's line. The release that takes the place is green when lighter, red when heavier. Shrink draws its two sizes as a transition pill, and Report shows none.
  • The reported copy is swapped for the same BluRay x265 from another group, so no axis turns red. films.json picks it up on the next Demo run.
  • The arrow between two releases is the app's More badge turned down. "Read Alex's wrapped" loses its underline.

After

Archived

Refine

Shrink

Report

A long name scrolls along its line without a scrollbar, and each cut edge fades out with a mask, as the app's bulk bar does. The struck name of a swap is a Name too.
…a size smaller

In the Archived, Refine and Report cards a cut name starts scrolled to its end, so the source, codec and group show rather than the movie's title the poster already carries. The release that takes the place is one size smaller from 768px, so it fits on a wide screen.
The Archived, Refine and Report cards put the size, and the delta or the mark after it, on the name's line, whole; the name narrows instead of the size wrapping.
…vier, and the Banned badge red

Each size is a pill filled with a translucent tint of its own text color: its line's, or for the release that takes the place green when lighter and red when heavier, its delta inside. The Banned badge takes the same red fill and red text.
The friend's report now swaps the banned BluRay x265 for another BluRay x265, so nothing the policy reads changes and no axis turns red. The Demo workflow regenerates films.json with it.
…izes

Shrink draws the two sizes as the green transition pill of what it kept. Report is about a copy, not disk space, so its swap shows no size.
…tered between the names

The arrow is the round More badge of the app's lists, its double chevron turned down, centered under the names rather than on their faded start. A size or the Banned badge no longer makes its line taller, so the badge sits as far from either name's text.
The link keeps its arrow, which moves on hover.
@thcolin
thcolin merged commit 1f68216 into dev Oct 12, 2026
2 checks passed
@thcolin
thcolin deleted the thcolin/site-release-names branch October 12, 2026 09:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant