Skip to content

Fix ShellV2 header overflow on mobile viewports#2256

Merged
KCarretto merged 4 commits intomainfrom
copilot/fix-shellv2-mobile-layout
Apr 17, 2026
Merged

Fix ShellV2 header overflow on mobile viewports#2256
KCarretto merged 4 commits intomainfrom
copilot/fix-shellv2-mobile-layout

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 17, 2026

  • Investigate the ellipsis menu causing screen expansion on mobile
  • Add overflow-x-hidden to the ShellV2 page container to prevent horizontal expansion
  • Change ShellActionsMenu tooltip placements from right to left so they don't overflow viewport
  • Constrain NotificationBell PopoverContent width for narrow viewports
  • Validate changes

- Hide bug report icon on mobile (hidden md:flex)
- Show only hostname on mobile, hide beacon name and @ separator (hidden md:inline)
- Add max-width with truncation on hostname container for small screens
- Hide principal badge on mobile (hidden md:inline)
- Reduce gap between header items on mobile (gap-2 md:gap-4)

Agent-Logs-Url: https://github.com/spellshift/realm/sessions/85be1fa8-f62b-41d2-ae05-08471c1d5326

Co-authored-by: KCarretto <16250309+KCarretto@users.noreply.github.com>
…ttom-end

Prevents the 350px notification panel from overflowing off the right
edge of the viewport on mobile screens.

Agent-Logs-Url: https://github.com/spellshift/realm/sessions/634c7567-4c3e-4dcc-97bb-6ebf03616a32

Co-authored-by: KCarretto <16250309+KCarretto@users.noreply.github.com>
Copilot stopped work on behalf of KCarretto due to an error April 17, 2026 04:53
@KCarretto KCarretto marked this pull request as ready for review April 17, 2026 04:53
@KCarretto KCarretto merged commit 94e4d09 into main Apr 17, 2026
5 of 8 checks passed
@KCarretto KCarretto deleted the copilot/fix-shellv2-mobile-layout branch April 17, 2026 04:53
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.

2 participants