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

feat(FN-4213): keep github tracking header aligned to single row

Browse Source 
Completes the GitHub tracking header alignment work in the TaskDetailModal with CSS adjustments to keep the header properly aligned, along with corresponding test coverage. The changeset prepares the `@runfusion/fusion` package for release as a patch.

Fusion-Task-Id: FN-4213
This commit is contained in:
Fusion
2026-05-12 16:09:07 -07:00
committed by gsxdsm
parent a9e2b07949
commit d301f0b026
3 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fn-4213-github-tracking-header-single-row.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@runfusion/fusion": patch
---
Keep the GitHub tracking header actions on the same row as the label in the task detail modal.

10
packages/dashboard/app/components/TaskDetailModal.css
View File

@@ -1592,10 +1592,18 @@
} }
.detail-source-summary { .detail-source-summary {
flex: 1 1 100%;
flex-wrap: wrap; flex-wrap: wrap;
} }
.detail-source-section .detail-source-summary {
flex: 1 1 100%;
}
.detail-github-tracking-section .detail-source-summary {
flex: 1 1 auto;
min-width: 0;
}
.detail-github-tracking-enable { .detail-github-tracking-enable {
margin-left: auto; margin-left: auto;
justify-content: center; justify-content: center;

10
packages/dashboard/app/components/__tests__/TaskDetailModal.inline-editing-and-integrations.test.tsx
View File

@@ -2433,13 +2433,23 @@ describe("TaskDetailModal", () => {
const mobileCss = getMediaBlocks(css, "@media (max-width: 768px)").join("\n"); const mobileCss = getMediaBlocks(css, "@media (max-width: 768px)").join("\n");
const enableRule = getRuleBlock(mobileCss, ".detail-github-tracking-enable"); const enableRule = getRuleBlock(mobileCss, ".detail-github-tracking-enable");
const headerRule = getRuleBlock(mobileCss, ".detail-source-header"); const headerRule = getRuleBlock(mobileCss, ".detail-source-header");
const githubSummaryRule = getRuleBlock(mobileCss, ".detail-github-tracking-section .detail-source-summary");
const sourceSummaryRule = getRuleBlock(mobileCss, ".detail-source-section .detail-source-summary");
expect(mobileCss).toBeTruthy(); expect(mobileCss).toBeTruthy();
expect(enableRule).toBeTruthy(); expect(enableRule).toBeTruthy();
expect(headerRule).toBeTruthy(); expect(headerRule).toBeTruthy();
expect(githubSummaryRule).toBeTruthy();
expect(sourceSummaryRule).toBeTruthy();
expect(enableRule).not.toMatch(/\border\s*:/); expect(enableRule).not.toMatch(/\border\s*:/);
expect(enableRule).not.toMatch(/\bwidth\s*:\s*100%/); expect(enableRule).not.toMatch(/\bwidth\s*:\s*100%/);
expect(headerRule).toMatch(/\bflex-wrap\s*:\s*wrap/); expect(headerRule).toMatch(/\bflex-wrap\s*:\s*wrap/);
expect(githubSummaryRule).toMatch(/\bflex\s*:\s*1\s+1\s+auto/);
expect(githubSummaryRule).toMatch(/\bmin-width\s*:\s*0/);
expect(githubSummaryRule).not.toMatch(/\bflex\s*:\s*1\s+1\s+100%/);
expect(githubSummaryRule).not.toMatch(/\bflex-basis\s*:\s*100%/);
expect(githubSummaryRule).not.toMatch(/\bwidth\s*:\s*100%/);
expect(sourceSummaryRule).toMatch(/\bflex\s*:\s*1\s+1\s+100%/);
}); });
it("hides section when tracking is disabled and task is not in an eligible column", () => { it("hides section when tracking is disabled and task is not in an eligible column", () => {