From 81a8745bc473d107eed5d0e156eb055b8e05fc72 Mon Sep 17 00:00:00 2001 From: Francisco Solla Date: Sat, 8 Aug 2026 12:12:41 -0300 Subject: [PATCH] fix: raise FAB above AI assistant button on mobile The AI FAB (Sollinha) sits at bottom-20 (80px) with z-40 in a different stacking context. Moving the Quick Actions FAB from bottom-4 to bottom-[calc(4rem)] for the bottom nav caused overlap at the shared z-40, so the AI button intercepted clicks. Raised to 7rem (112px) to clear both the bottom nav (4rem) and the AI FAB button (ending at 7rem). --- docs/plans/barra-navegacao-inferior-mobile-impl.md | 2 +- src/components/campaign/shell/CampaignQuickActionsHost.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/plans/barra-navegacao-inferior-mobile-impl.md b/docs/plans/barra-navegacao-inferior-mobile-impl.md index 73a956a5..3f57e1f5 100644 --- a/docs/plans/barra-navegacao-inferior-mobile-impl.md +++ b/docs/plans/barra-navegacao-inferior-mobile-impl.md @@ -53,7 +53,7 @@ flowchart TD - **`src/app/(campaign)/campanha/(app)/layout.tsx`**: renderizar `` quando `isStaffCampaignRole(user.role)` — sibling de `TooltipProvider > div`, fora do flex flow (`fixed`). - **`src/components/campaign/shell/CampaignQuickActionsHost.tsx`**: - `CampaignContentScroll`: `pb-[calc(4rem+env(safe-area-inset-bottom))] md:pb-6` (mobile gap para a barra). - - FAB: `className={showBottomNav ? 'bottom-[calc(4rem+env(safe-area-inset-bottom))] md:bottom-4' : undefined}` — sobe quando a barra existe. + - FAB: `className={showBottomNav ? 'bottom-[calc(7rem+env(safe-area-inset-bottom))] md:bottom-4' : undefined}` — 7rem clears a 4rem bottom nav + the AI FAB (bottom-20, 2rem button → top at 7rem); sobe quando a barra existe. - **Migration:** sem migration — chrome de navegação. - **Access / Consent:** `isStaffCampaignRole` reusado; `canAccessSupporterArea` / `isUnrestrictedCampaignRole` já filtram `Apoiadores`/`Assessores` em `getCampaignNav` → herdados. Sem Consent. diff --git a/src/components/campaign/shell/CampaignQuickActionsHost.tsx b/src/components/campaign/shell/CampaignQuickActionsHost.tsx index bf78f06c..fd7dc63c 100644 --- a/src/components/campaign/shell/CampaignQuickActionsHost.tsx +++ b/src/components/campaign/shell/CampaignQuickActionsHost.tsx @@ -45,7 +45,7 @@ export const CampaignQuickActionsHost = ({ role }: { role: CampaignRole }) => { open={open} onOpenChange={handleOpenChange} className={ - showBottomNav ? 'bottom-[calc(4rem+env(safe-area-inset-bottom))] md:bottom-4' : undefined + showBottomNav ? 'bottom-[calc(7rem+env(safe-area-inset-bottom))] md:bottom-4' : undefined } />