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

feat(FN-3303): update mobile split layout and safe-area padding assertions

Browse Source 
Updated mobile CSS test assertions in AgentsView to account for split layout behavior and safe-area padding changes.

Fusion-Task-Id: FN-3303
This commit is contained in:
Fusion
2026-05-04 08:30:10 -07:00
committed by gsxdsm
parent 3b9f0d55c1
commit 1807dbd5e4
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/dashboard/app/components/AgentsView.css
View File

@@ -1148,7 +1148,6 @@
flex-direction: column;
flex: 1;
min-height: 0;
height: 100%;
}
.agents-split-sidebar {
@@ -1194,7 +1193,7 @@
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding: var(--space-md);
padding: var(--space-md) var(--space-md) calc(var(--space-md) + var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px) + var(--standalone-bottom-gap));
}
}

8
packages/dashboard/app/components/__tests__/agents-view-mobile.test.tsx
View File

@@ -227,8 +227,9 @@ describe("agents-view mobile CSS", () => {
it("keeps mobile split layout constrained so inner panes own vertical scrolling", () => {
expect(mobileMediaBlock).toContain(".agents-split-layout");
expect(extractRuleBlock(mobileMediaBlock, ".agents-split-layout")).toContain("min-height: 0");
expect(extractRuleBlock(mobileMediaBlock, ".agents-split-layout")).toContain("height: 100%");
const splitLayoutBlock = extractRuleBlock(mobileMediaBlock, ".agents-split-layout");
expect(splitLayoutBlock).toContain("min-height: 0");
expect(splitLayoutBlock).not.toContain("height: 100%");
expect(extractRuleBlock(mobileMediaBlock, ".agents-split-sidebar")).toContain("min-height: 0");
expect(extractRuleBlock(mobileMediaBlock, ".agents-split-sidebar")).toContain("overflow: hidden");
@@ -240,6 +241,9 @@ describe("agents-view mobile CSS", () => {
expect(contentBlock).toContain("overflow-y: auto");
expect(contentBlock).toContain("-webkit-overflow-scrolling: touch");
expect(contentBlock).toContain("overscroll-behavior: contain");
expect(contentBlock).toContain("var(--mobile-nav-height)");
expect(contentBlock).toContain("env(safe-area-inset-bottom, 0px)");
expect(contentBlock).toContain("var(--standalone-bottom-gap)");
});
it("stacks grouped filter controls on mobile", () => {