Repository navigation
Site: phone baseline, readable phone screenshots, 44 px taps - #9
Merged
Merged
Conversation
- Tap highlight off, hovers only on mouse devices, buttons press to 0.97 - Phones get crops of the same real screenshots so the book text is readable - 44 px hit areas for the header GitHub icon, Download, brand and footer links - Privacy page: long code paths wrap instead of scrolling sideways at 320 px Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Q52L7DQBFtsgs4uLUHW9Ed
Deploying folio with
|
| Latest commit: |
83b8eb0
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://9abe9b6a.folio-bn7.pages.dev |
| Branch Preview URL: | https://claude-project-thread-70qxad.folio-bn7.pages.dev |
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.
Requested by Boss · project thread
From the 1 Nov design review (
audit/design-review-2026-11-01-folio.md), items 1, 2 and the padding half of 3.What changes
mobile-native§1, §2, §5): tap highlight off, all 8 hover rules moved inside@media (hover: hover) and (pointer: fine),.btn:activepresses to 0.97 over 160 ms ease-out.apple-design§16): under 600 px each.frameserves a crop of the same real screenshot (left page of the spread, the plate, the ask prompt, the title page, the themes menu). Desktop images are unchanged. No new captures, crops only.apple-design§10): header GitHub icon, header Download (invisible hit area, same look), brand, "by Basalt", footer links.~/Library/...path; code in documents now wraps.site.css?v=2so the 1-day asset cache picks it up.Checked (WebKit iPhone profile at 320 and 390, desktop 1440; /, privacy, terms, 404)
rgba(0,0,0,0)(live:rgba(0,0,0,0.4)).-phone.webpcrops at 286/356 px wide; desktop loads the originals. Phone home grows from 15.0 to 15.7 screens at 390 because the crops are taller.Not done: a "Send to my computer" button (CSP has no inline scripts and the site has no JS; worth its own PR if wanted). The desktop plate crop is still soft on 2x screens; that needs a fresh capture on the Mac.
Generated by Claude Code