[Squeaks72]

Summary

A chapter list is hundreds of rows of one series, so anything repeated on each row is repeated hundreds of times. With a mouse, the per-chapter cover is the same picture on every row, the status dot repeats what the title colour and the accent "page x/y" line already say, and two round buttons per row are targets for rows you are not pointing at.

With a wide window (lg) and a fine pointer (pointer-fine):

• the per-chapter cover and the status dot are hidden,
• the row's buttons (⬇ save offline, ⋯) fade in for the row under the cursor (group-hover) or with keyboard focus inside it (group-focus-within), and stay visible while that row's menu is open, so the dropdown does not vanish when the pointer moves to it,
• rows lose some vertical padding (py-2.5 → py-1.5).

The result is roughly three times as many chapters per screen. Select mode keeps the cover, because the selection tick sits on it.

Upstream v0.44.0 wraps the per-row save-offline button in {!isDesktop() && …} for Uchiyomi Desktop. That is kept exactly as is, inside the new hover-reveal wrapper.

Beyond the original patch:

• Gated on pointer-fine, not on lg alone. A tablet in landscape is lg wide but has no hovering pointer. Tailwind v4's hover: variants only apply under @media (hover: hover), so buttons faded out with a bare lg:opacity-0 would be invisible targets there. Every lean rule is therefore lg:pointer-fine:*, and touch devices of any width keep today's row.
• The grey "not on the server" rows (GhostRow) get the same treatment. They interleave with chapter rows, and left alone they would keep a 56-px dashed box and a dot while the rows around them do not. Their text would then sit on a different column, and the ☁ / ⋯ buttons would behave differently from the ⬇ / ⋯ one row up. Where the dashed box is hidden, its tick's aria-label ("Read · not on the server", an existing string) is added as sr-only text, so screen readers still hear it.

No new strings. docs/USAGE.md (section 4) has a short note on the denser desktop list.

Type

• Fix
• Feature
• Docs
• Refactor / chore

Testing

Re-run after rebasing onto v0.45.0 (91b41aa): bff 1857 tests, 1844 pass, 9 fail, 4 skipped — the same 9 embedded-Postgres entrypoint failures main has in this environment (main: 1857 / 1844 / 9 / 4), nothing new; web 431/431; both typechecks OK. The detail below is from the first run, on v0.44.0.
Run in node:24-alpine against a real postgres:16-alpine (TEST_DATABASE_URL set, so the SQL tests run instead of skipping), first on plain main (a8bc502) as the baseline and then on this branch:

	main (baseline)	this branch
bff tsc --noEmit	OK	OK
bff tests	1834 tests: 1821 pass, 9 fail, 4 skipped	same: 1834 tests, 1821 pass, 9 fail, 4 skipped
web tsc --noEmit	OK	OK
web tests	421 / 421	421 / 421

The 9 bff failures are the same 9 on both runs, all in entrypointEmbedded.test.ts (the embedded-Postgres entrypoint, which cannot run in this sandbox). npm run test:i18n is the Puppeteer screenshot run (web/test/e2e/i18n.mjs). It needs Chrome and a running app, neither of which the container has, so it fails to launch on both main and this branch. This PR adds no UI strings.

Class-only change in web/app/series/page.tsx; no behaviour to unit-test. I checked the CSS specificity of the Tailwind v4 rules: lg:group-hover:opacity-100 and lg:group-focus-within:opacity-100 compile to .x:is(:where(.group):hover *), which is (0,2,0). That beats lg:pointer-fine:opacity-0 at (0,1,0), so hover and focus reveal the buttons whatever the class order in the stylesheet. I also checked that the pointer-fine variant exists in the installed Tailwind (4.3.3).

Checklist

• Focused scope (one topic)
• Matches the existing TypeScript style
• Docs updated if user-facing (docs/USAGE.md)
• No new default sources hardcoded to specific sites (the engine system reaches sites by URL)

🤖 Generated with Claude Code

[AngeloSha]

Thanks. I'm closing this one because it changes how the chapter list looks for every desktop user by default. It hides the chapter thumbnails (each one is that chapter's own first page, not the same picture), the dimming on read chapters, the accent progress bar and the status dot. I keep the default look deliberately, and anything that takes part of it away has to be opt-in, the way Reduce effects is.

I rebuilt it as Profile → Settings → Compact chapter list, off by default, which gives you the denser rows when you turn it on. It shipped in v0.47.0 with credit to you.