calcazar/frontend-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Promote to main: Feed browser luxury redesign #7

Merged
calcazar merged 49 commits from develop into main 2026-10-20 10:33:01 -06:00
Conversation 0 Commits 49 Files Changed 73
+8074 -501
calcazar commented 2026-10-20 10:30:37 -06:00
Owner
Copy Link
Copy Source

Promotes the feed browser luxury redesign from develop to main.

Included (all merged into develop with merge commits, tasks in Validation, approved by Cesar on 2026-10-20):

  • #1 Redesign mobilization: spec, ADR 0001 (styling approach), original contract in the repo
  • #2 Redesign foundation: dark/light tokens with pre-paint theme, Manrope + Cormorant Garamond, HexAvatar, the five button styles, sign-in screen
  • #3 Desktop bento layout: viewport-fit grid where only the feed scrolls, post cards, composer, new-posts pill, featured experts carousel, trending and search, tablet layout, refresh button
  • #4 Mobile immersive feed: full-screen snap feed, media swipe, double-tap like, bottom dock, comment/composer/Discover sheets, top bar
  • #5 Redesign finalization: legacy CSS removed, contrast fixes, README design system section, docs/handoff-redesign.md
  • #6 Mobile video and caption fixes: no-crop video fit, text fit with Read more, muted autoplay on snap

Checks on develop (048b8ec): tsc, eslint, vitest (276), next build pass.

Known and not in this promotion: real upload progress (new scope); backlog correction mk6umpwt1 (rare delete-error overlap). Real iPhone/Android and real-account checks are listed in the CRM on 99puxwol5 and o2buvioma.

Promotes the feed browser luxury redesign from develop to main. Included (all merged into develop with merge commits, tasks in Validation, approved by Cesar on 2026-10-20): - #1 Redesign mobilization: spec, ADR 0001 (styling approach), original contract in the repo - #2 Redesign foundation: dark/light tokens with pre-paint theme, Manrope + Cormorant Garamond, HexAvatar, the five button styles, sign-in screen - #3 Desktop bento layout: viewport-fit grid where only the feed scrolls, post cards, composer, new-posts pill, featured experts carousel, trending and search, tablet layout, refresh button - #4 Mobile immersive feed: full-screen snap feed, media swipe, double-tap like, bottom dock, comment/composer/Discover sheets, top bar - #5 Redesign finalization: legacy CSS removed, contrast fixes, README design system section, docs/handoff-redesign.md - #6 Mobile video and caption fixes: no-crop video fit, text fit with Read more, muted autoplay on snap Checks on develop (048b8ec): tsc, eslint, vitest (276), next build pass. Known and not in this promotion: real upload progress (new scope); backlog correction mk6umpwt1 (rare delete-error overlap). Real iPhone/Android and real-account checks are listed in the CRM on 99puxwol5 and o2buvioma.
calcazar added 49 commits 2026-10-20 10:30:37 -06:00
j06b7bo66: Add the redesign spec and link it in CLAUDE.md dfb3590ff4
1ublul6nq: Add ADR 0001 for the redesign styling approach 5c70e7e360
r0g7q9t5j: Add the original feed browser contract to the repo 58e404de85
Merge pull request 'Feed browser: Redesign mobilization' (#1) from feature/feed-browser-redesign-mobilization into develop c0f4260eb1
3p1idvga1: Add dark and light design tokens with a persisted pre-paint theme 4e9e05bc4e
wy86rbj5i: Mark ADR 0001 as accepted 6fa500ff80
wy86rbj5i: Load Manrope and Cormorant Garamond and add type classes dfc0cac95a
05rgfly6g: Add HexAvatar and use it for every existing avatar 3306a24d33
jhxk68cdy: Add the five approved button styles, the glossy icon button and a dev story page dd47cfd911
l0qp1n5qr: Restyle the sign-in screen to the redesign spec 82dfe7308b
l0qp1n5qr: Give the disabled sparkle button a solid readable face fcbaa174b6
l0qp1n5qr: Drop the faded disabled sign-in override and guard against faded disabled buttons 61d8faf3f5
Merge pull request 'Feed browser: Redesign foundation' (#2) from feature/feed-browser-redesign-foundation into develop 9aeb9a379f
rnxcmkidd: Add the viewport-fit bento shell and a dev feed preview with fixtures 89064e88c1
8zbhzr21j: Restyle post cards, comments and the own-post menu to the redesign spec 11e4ec561b
8zbhzr21j: Read the video duration from videoDuration and test its m:ss format 7321acdde6
icknpcyaf: Redesign the composer with toolbar, emoji popover, attachment row and flip Post f250cdf09c
h8r4npp3p: Add the new-posts pill, feed list motion and app-wide reduced-motion switch-off 5e391ae678
vzxipsule: Replace the featured rail with an auto-rotating FeaturedCarousel ce1a3e2eaa
vzxipsule: Silence the carousel live region while it rotates and pause it on keyboard focus cf45072f27
8iz120vqu: Restyle the Trending minnects and Find experts panels baecf8d865
8iz120vqu: Move the views and kind labels into a meta row below the media 961b25e84a
vr4leq0h5: Add the tablet layout between 761 and 1000px 3f0595ad55
le8i2digy: Add a refresh button to the Home feed header and singularize one comment 69a11436f5
le8i2digy: Keep the posts and show an inline error when a refresh fails b3cfe94810
le8i2digy: Use the danger token for the refresh error color b84b402732
Merge pull request 'Feed browser: Desktop bento layout' (#3) from feature/feed-browser-desktop-bento-layout into develop 25fd360a2b
xrdwb17xu: Add the full-screen snap feed with media and quote slides on phones bf5e0ed475
xrdwb17xu: Hide native video controls until play and move the author aside while a slide video plays adcd0cfd96
v272vjg35: Swipe through a post's media on mobile slides b97dddfc4c
rznb9xaih: Add double-tap to like and the featured experts slide to the phone feed bbd84f38a0
qdpqut37t: Add the frosted bottom dock that likes and comments on the post on screen c94da3accd
3syisgbyq: Add a reusable bottom sheet with the comments and composer sheets on the phone feed f4f3ae28fc
3syisgbyq: Keep sheet controls clear of the home indicator with a safe-area bottom padding and viewport-fit cover 695ebe1095
ai1ywm5xi: Add the Discover sheet with featured, trending, find experts panels and the appearance switch cfdca1f270
vhg6j0bp2: Add frosted top bar and progress rail to the mobile feed a757c960eb
Merge pull request 'Feed browser: Mobile immersive feed' (#4) from feature/feed-browser-mobile-immersive-feed into develop f3fd4b5f63
99puxwol5: Delete legacy.css and move its last rules into the component stylesheets a069c2fb2f
99puxwol5: Give the feed retry buttons the outline sweep style now that legacy.css is gone c56addec5d
99puxwol5: Check in the button tests that legacy.css is gone and no stylesheet fades disabled buttons ec3421512f
99puxwol5: Lift small crimson like counts to 4.5:1 contrast and darken meta on the light featured slide 583e287af6
99puxwol5: Show native video controls on trending cards only after the first play 7647d78550
99puxwol5: Reduce the Discover avatar stack overlap so each initial stays readable 260c419faa
0k0zutujo: Add the design system section to the README and the redesign handoff b0685c212b
Merge pull request 'Feed browser: Redesign finalization' (#5) from feature/feed-browser-redesign-finalization into develop c4434198ad
9uv0f8oll: Fit mobile videos to the screen without cropping d653e8e75d
gs4f2wcln: Fit long text-only posts to the slide and add Read more and more/less for long post text on mobile 6af225afa5
o2buvioma: Autoplay mobile feed videos muted when they snap into view, with a session mute toggle and tap to pause e37ec780a9
Merge pull request 'Feed browser: Mobile video and caption fixes' (#6) from feature/feed-browser-mobile-video-fixes into develop 048b8ec8d1
calcazar merged commit 3773a86a54 into main 2026-10-20 10:33:01 -06:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
calcazar (Cesar Alcazar)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: calcazar/frontend-helper#7