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

feat(FN-1697): merge fusion/fn-1697

Browse Source
This commit is contained in:
gsxdsm
2026-04-14 10:58:51 -07:00
parent 08f42b366d
commit 9e19ee1aa0
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/dashboard/app/__tests__/activity-log-mobile-layout.test.ts
View File

@@ -57,6 +57,23 @@ describe("activity-log-mobile-layout.css", () => {
expect(cssContent).not.toMatch(/\.activity-log-close\s*\{/);
});
it("keeps close button on top row with title via order:-1", () => {
// The .modal-close inside activity-log-header must appear before .activity-log-actions
// in visual order to stay on the first row with the title
expect(mobileCss).toMatch(/\.activity-log-header\s+\.modal-close\s*\{[^}]*order:\s*-1/);
});
it("pins close button to right edge via margin-left:auto", () => {
// The .modal-close inside activity-log-header must be pushed to the right edge
// of the first row using margin-left:auto
expect(mobileCss).toMatch(/\.activity-log-header\s+\.modal-close\s*\{[^}]*margin-left:\s*auto/);
});
it("title participates in top row via flex:1 1 auto", () => {
// The .activity-log-title should flex to fill available space in the top row
expect(mobileCss).toMatch(/\.activity-log-title\s*\{[^}]*flex:\s*1\s+1\s+auto/);
});
// ── Modal header / actions ──────────────────────────────────────────
it("has mobile rule for activity-log-header to wrap on narrow screens", () => {
@@ -75,6 +92,11 @@ describe("activity-log-mobile-layout.css", () => {
expect(mobileCss).toMatch(/\.activity-log-filter--project/);
});
it("has mobile rule for project filter to fill available width", () => {
// Project filter selector must have mobile-specific width handling
expect(mobileCss).toMatch(/\.activity-log-filter--project\s*\{[^}]*flex:\s*1\s+1\s+0/);
});
it("has mobile rule for filter selects to fill width", () => {
expect(mobileCss).toMatch(/\.activity-log-filter-select\s*\{[^}]*width:\s*100%/);
});

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

@@ -17174,6 +17174,12 @@ html .column.drag-over * {
gap: var(--space-xs);
}
/* Close button: move before actions in visual order, pin to right edge */
.activity-log-header .modal-close {
order: -1;
margin-left: auto;
}
/* Filter containers fill available width */
.activity-log-filter,
.activity-log-filter--project {