Fix mobile buttons overlapping recently shared sectionPublic

Agent

OpenCode

Model

GPT-5.2 Codex

Shared

Feb 19, 6:54 PM

Messages21

Downloads62

Summary

'/Users/maxgeorgopoulos/Library/Application Support/CleanShot/media/media_Z2B9TLfXgG/CleanShot 2026-02-18 at 21.35.22@2x.png' I'm trying to make the mobile action buttons overlap the recently shared section, but they're going under it. help!!!\

ReadCleanShot 2026-02-18 at 21.35.22@2x.png

Readpage.tsx220 lines

Found 11 matches
/Users/maxgeorgopoulos/Documents/traces/frontend/components/TraceRow.tsx:
  Line 116:       {/* Mobile View */}

/Users/maxgeorgopoulos/Documents/traces/frontend/components/HomeOnboardingWizard.tsx:
  Line 20: type OnboardingStepAction =
  Line 37:   action: (state: HomeOnboardingState) => OnboardingStepAction;

/Users/maxgeorgopoulos/Documents/traces/frontend/components/TraceOverview.tsx:
  Line 326:           {/* Title and Actions Wrapper - Desktop: side by side, Mobile: separate */}
  Line 330:               {/* Top Row: User, Time & Mobile Visibility */}
  Line 361:             {/* Actions - Hidden on mobile (will show below metadata) */}

/Users/maxgeorgopoulos/Documents/traces/frontend/components/ui/skeleton/TraceFilterPillsSkeleton.tsx:
  Line 10:  * Skeleton for the trace filter pills (mobile only).

/Users/maxgeorgopoulos/Documents/traces/frontend/components/ui/skeleton/TraceCardSkeleton.tsx:
  Line 37:              Real titles (text-base/5 = 16px/20px) typically wrap to 2 lines on mobile.
  Line 48:             {/* Message count — mobile only */}
  Line 56:         {/* Metadata row — matches FeedCard: flex-col on mobile, flex-row on sm+ */}
  Line 58:           {/* Agent — horizontal on mobile (flex), vertical on sm+ (sm:flex-col) */}

ReadHomeSidebarPanel.tsx220 lines

Edited

The buttons were getting clipped by the sidebar wrapper. I switched the sidebar to allow overflow on mobile so the action row can extend into the next section.

Updated frontend/components/HomeSidebarPanel.tsx to use overflow-visible on mobile and keep lg:overflow-hidden for desktop.

If it still sits under the “Recently Shared” block, the next fix is to bump the buttons’ z-index or add a small -mt-* on the feed section to pull it up.