Repository navigation
Redesign Ledger's reader and visual identity - #39
Merged
Merged
Conversation
Merged
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The reader now opens as a compact working archive. Recent changes lead the overview, linked counts replace large stat tiles, and releases, backlog, and health sit in an unboxed context column. Records and Timeline have denser rows, clearer navigation, and document-style details with a collapsed relationship map below the named references.
Browsing controls use rounded pills and a shared custom dropdown with keyboard navigation, typeahead, selected values, and viewport-aware placement. The desktop rail contains record types and complete Area, Release, and Tag menus; those same controls move into the toolbar on smaller screens. Quality filters show an active count, and Timeline omits repeated years beneath month headings while retaining full accessible dates. Search, URL history, filters, sorting, pagination, and keyboard shortcuts remain synchronized.
The visual system uses near-white light surfaces, charcoal/slate dark surfaces, and restrained blue accents. The Light/Dark switch follows the operating system until an explicit preference is saved. A new punched-receipt icon and outlined lowercase wordmark replace the previous identity in the reader, favicon, and README. All logo assets are self-contained and reproducible without new dependencies.
The README is rebuilt around the new identity, a 24-second recording of real reader interactions, an earlier quick start, and direct links into each example view. The tour is available as a compact GIF and a full-quality MP4, with still images and reduced-motion alternatives. Seven browser captures and the generated terminal artwork share the final palette. A reproducible Playwright/FFmpeg script captures the tour without adding dependencies. The existing Pages workflow publishes both reader profiles from master after merge; the URLs currently return 404 pending that first deployment. Receipts 0196 through 0202 and D009 record the implementation and design rules.
Record hover/open/selection highlights now have rounded corners and tighter padding. Final visual review also found and fixed empty overview area bars: their fill spans now honor proportional widths.
Validation:
npm run ci: exit 0; 530 tests across 63 files, typecheck, build, Ledger checks, and package dry run.npm run readme:checkpasses.One existing stale signal remains: closed session S0007 has expired. The package manifest and lockfile are unchanged. No npm version bump, merge, or publication is included.