From 29cd6168f9ec8eab911e86764c379aaaa9705ec8 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Wed, 1 Apr 2026 11:35:14 -0700 Subject: [PATCH] Fix mobile popup/modal issues across shell components - Space switcher: clamp menu left to prevent right-edge overflow, add max-width: calc(100vw - 8px), scrollable tabs with smaller padding on mobile - Auth/edit modals: add max-height: 90dvh + overflow-y: auto so virtual keyboard doesn't push modal off-screen, reduce padding on small screens - Identity dropdown: raise z-index from 100 to 10002 so it renders above the app-switcher sidebar (10001) - Device nudge toast: constrain max-width to viewport width - App switcher: add translucent backdrop overlay on mobile (<640px) with tap-to-dismiss - Add :active pseudo-class alongside :hover on interactive elements for touch tap feedback Co-Authored-By: Claude Opus 4.6 --- shared/components/rstack-app-switcher.ts | 20 ++++++++++++++++++-- shared/components/rstack-identity.ts | 8 +++++--- shared/components/rstack-space-switcher.ts | 20 +++++++++++++------- 3 files changed, 36 insertions(+), 12 deletions(-) diff --git a/shared/components/rstack-app-switcher.ts b/shared/components/rstack-app-switcher.ts index 0ad1613..3da8a95 100644 --- a/shared/components/rstack-app-switcher.ts +++ b/shared/components/rstack-app-switcher.ts @@ -362,6 +362,7 @@ export class RStackAppSwitcher extends HTMLElement {
+