root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(FN-2019): raise mobile toast position above bottom actions

Browse Source 
- Update mobile .toast-container bottom offset to include nav, executor footer, standalone gap, safe area, and spacing tokens
- Keep toast notifications visible above bottom action buttons on mobile layouts
- Align utility-mobile CSS expectation with the new token-based calc expression
This commit is contained in:
Fusion
2026-04-17 19:44:37 -07:00
committed by gsxdsm
parent a19175cb59
commit 13855cf11a
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/dashboard/app/components/__tests__/utility-mobile.test.tsx
View File

@@ -235,7 +235,7 @@ describe("Utility component mobile adaptations", () => {
expectMobileRule(css, ".settings-layout", "flex-direction: column;");
expectMobileRule(css, ".agent-board", "grid-template-columns: 1fr;");
expectMobileRule(css, ".active-agents-grid", "grid-template-columns: 1fr;");
expectMobileRule(css, ".toast-container", "bottom: calc(44px + env(safe-area-inset-bottom, 0px));");
expectMobileRule(css, ".toast-container", "bottom: calc(var(--mobile-nav-height, 44px) + var(--executor-footer-height, 0px) + var(--standalone-bottom-gap, 0px) + env(safe-area-inset-bottom, 0px) + var(--space-lg));");
expectMobileRule(css, ".background-tasks-indicator__popover", "position: fixed;");
});
});

2
packages/dashboard/app/styles.css
View File

@@ -5488,7 +5488,7 @@ body {
@media (max-width: 768px) {
.toast-container {
bottom: calc(44px + env(safe-area-inset-bottom, 0px));
bottom: calc(var(--mobile-nav-height, 44px) + var(--executor-footer-height, 0px) + var(--standalone-bottom-gap, 0px) + env(safe-area-inset-bottom, 0px) + var(--space-lg));
right: 8px;
left: 8px;
}