Fix mobile buttons overlapping recently shared section
Fix mobile buttons overlapping recently shared section
Agent
OpenCode
Model
GPT-5.2 Codex
StartedFeb 19, 6:54 PM
Shared
Feb 19, 6:54 PM
Messages21
Downloads67
'/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!!!\
Planning to read image
Searching for component containing "Recently Shared"
Searching for mobile action buttons
I'm searching component directories for any references to "action buttons," focusing on HomeSidebarPanel and HomeHero, and running targeted text searches for keywords like "mobile action" or "HomeAction."
Checking existing home sidebar component
Analyzing mobile button overlap
Investigating why action buttons in the sidebar don't overlap the "Recently Shared" section on mobile, likely due to z-index ordering and background/overflow on parent containers; next step is testing negative margin or padding adjustments and z-index tweaks to enable desired overlap.
Identifying overflow and z-index fix
The sidebar's parent has overflow-hidden blocking the buttons from overlapping the next section on mobile; switching it to overflow-visible on small screens and raising buttons' z-index to 30 should enable overlap without breaking desktop layout.
Suggesting z-index and margin tweaks
The buttons container might need a z-index of 30 to reliably overlap the main section, which uses z-20. Also, adding margin to the "Recently Shared" area could improve spacing; if issues persist, adjusting negative margin on the section or positive padding are options. Next, I'll propose these CSS adjustments for review.
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.