Skip to content

fix(feed): tighten post-detail header + smooth the transition#290

Merged
KishParikh13 merged 2 commits into
v2from
fix/feed-post-header-spacing
May 28, 2026
Merged

fix(feed): tighten post-detail header + smooth the transition#290
KishParikh13 merged 2 commits into
v2from
fix/feed-post-header-spacing

Conversation

@KishParikh13

Copy link
Copy Markdown
Collaborator

What

Fixes the mobile feed post detail view (tap a post in the Feed tab).

Before: the detail rendered its own back/title bar below the persistent "Feed" tab header, and NativeChatHeader re-applied the top safe-area inset — producing a doubled header and a large empty gap above "Back / Post". A redundant "Chinmaya Mission Boston" subtitle sat under "Post", duplicating the "… - Board" chip right below it.

Changes:

  1. Single, gap-free header — hide the "Feed" tab header while a post is open so the detail's own back/title bar becomes the screen header (mirrors how the Explore screen hides its nav header).
  2. Drop the redundant subtitle — remove the <Center> line under "Post"; it's already shown in the "<Center> - Board" chip directly below.
  3. Smooth transition — hiding the tab header reflows the feed list beneath the sliding detail overlay, and the horizontal slide exposed that upward shift on the way in and out. A static opaque backdrop now sits behind the sliding panel, so it slides over a uniform surface with no visible layout shift.

Files

  • app/(tabs)/feed.tsx

Verification

Built and driven in the iOS simulator (iPhone 16 Pro): opened a post, confirmed the single header with no gap and no subtitle, then screen-recorded the open/close transitions and stepped through the frames — the feed-list reflow is no longer exposed during the slide. Back navigation restores the Feed header and tab bar cleanly.

🤖 Generated with Claude Code

KishParikh13 and others added 2 commits May 28, 2026 15:25
…ndant subtitle

The native post-detail overlay rendered its own back/title bar *below* the
persistent "Feed" tab header, and NativeChatHeader re-applied the top safe-area
inset — producing a doubled header and a large empty gap.

- Hide the "Feed" tab header while a post is open so the detail's own
  back/title bar becomes the screen header (mirrors the Explore screen).
- Drop the "<Center>" subtitle under "Post" — redundant with the
  "<Center> - Board" chip directly below it.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…reflow

Hiding the "Feed" tab header reflows the feed list beneath the detail
overlay; the horizontal slide exposed that upward shift on the way in and
out. Add a static opaque backdrop behind the sliding panel so it slides
over a uniform surface — no visible layout shift either direction.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying chinmaya-janata with  Cloudflare Pages  Cloudflare Pages

Latest commit: 3fef38f
Status: ✅  Deploy successful!
Preview URL: https://66fe5fe5.project-janatha.pages.dev
Branch Preview URL: https://fix-feed-post-header-spacing.project-janatha.pages.dev

View logs

@KishParikh13 KishParikh13 merged commit 3302834 into v2 May 28, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant