Refresh catalog browsing with a light Munsell theme #8
- IA
Shelf Goblin's navigation and browsing controls occupied several rows, while repeated card actions and progress labels crowded the catalog. This puts navigation behind compact icon controls and popovers, combines browsing controls into one toolbar, and removes redundant page headings.
The interface now uses a light Munsell palette with warm paper surfaces, charcoal text, and self-hosted Lora and Lilex fonts. The cover grid has wider gaps and natural title heights. Grid cards omit genre labels, use a small follow toggle beside the author, and show reading status on the cover. Selected navigation uses a background fill without an underline.
Series, library, release, and up-next lists append results automatically near the bottom. Loading preserves the scroll position, fills tall viewports, resets when filters change, and stops at the final result. Popovers stay attached to their controls while scrolling and support keyboard focus, Escape, and outside-click dismissal.
Validated with frontend and Worker type checks, all 501 tests, the production build, and a Wrangler deployment dry run. Browser checks cover guest and mocked signed-in menus, search, filters, sorting, follow/read state, list/grid switching, mobile layouts, and scrolling through all 382 series.
iamnbutlermerged 0afa03b91fbdlast month on GitHub