fsolla/teqo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: raise FAB above AI assistant button on mobile

Browse source 
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).
This commit is contained in:
Francisco Solla 2026-08-08 12:12:41 -03:00
parent bd06018bde
commit 81a8745bc4
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/plans/barra-navegacao-inferior-mobile-impl.md
View file

@ -53,7 +53,7 @@ flowchart TD
- **`src/app/(campaign)/campanha/(app)/layout.tsx`**: renderizar `<CampaignBottomNav role={user.role} />` 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.

2
src/components/campaign/shell/CampaignQuickActionsHost.tsx
View file

@ -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
}
/>
<CampaignQuickActionsOverlay open={open} onOpenChange={handleOpenChange} actions={actions} />