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

feat(FN-4353): complete Step 5 — fix mobile settings header close button layout

Browse Source 
Fusion-Task-Id: FN-4353
Fusion-Task-Lineage: 2384df03-5eb9-4327-bb8a-1ee0f97ac0fd
This commit is contained in:
Fusion
2026-05-13 11:06:01 -07:00
committed by gsxdsm
parent 9e89c3bf54
commit 7a9750c82b
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dashboard/app/components/SettingsModal.css
View File

@@ -36,8 +36,9 @@
}
.settings-modal-heading {
flex: 1 1 auto;
flex: 1 1 0;
min-width: 0;
order: 1;
}
.settings-update-check {
@@ -54,6 +55,7 @@
}
.settings-modal .modal-close {
order: 2;
flex: 0 0 auto;
align-self: flex-start;
margin-left: auto;

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

@@ -140,9 +140,11 @@ describe("core modals mobile css coverage", () => {
expect(mobileBlock).toContain(".settings-modal .modal-header {");
expect(mobileBlock).toContain("flex-wrap: wrap;");
expect(mobileBlock).toContain(".settings-header-actions {");
expect(mobileBlock).toContain("order: 3;");
expect(mobileBlock).toContain("flex: 1 1 100%;");
expect(mobileBlock).toContain("margin-left: 0;");
expect(mobileBlock).toContain(".settings-modal .modal-close {");
expect(mobileBlock).toContain("order: 2;");
expect(mobileBlock).toContain("min-width: calc(var(--space-md) * 3);");
expect(mobileBlock).toContain("min-height: calc(var(--space-md) * 3);");
});