feat(FN-4183): align detail source header in TaskDetailModal
Fixed the chevron/source header top alignment in TaskDetailModal with a CSS adjustment, backed by a new CSS assertion test. Includes a changeset for a patch release of `@runfusion/fusion`. Fusion-Task-Id: FN-4183
This commit is contained in:
5
.changeset/fn-4183-github-tracking-chevron-alignment.md
Normal file
5
.changeset/fn-4183-github-tracking-chevron-alignment.md
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"@runfusion/fusion": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
Fix GitHub tracking disclosure icon alignment in task detail — chevron now stays on the first row when summary wraps.
|
||||||
@@ -397,7 +397,7 @@
|
|||||||
|
|
||||||
.detail-source-header {
|
.detail-source-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: flex-start;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: var(--space-xs);
|
gap: var(--space-xs);
|
||||||
}
|
}
|
||||||
@@ -438,7 +438,7 @@
|
|||||||
|
|
||||||
.detail-github-tracking-enable {
|
.detail-github-tracking-enable {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
align-self: center;
|
align-self: flex-start;
|
||||||
padding-block: calc(var(--space-xs) / 2);
|
padding-block: calc(var(--space-xs) / 2);
|
||||||
padding-inline: var(--space-sm);
|
padding-inline: var(--space-sm);
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
@@ -1588,7 +1588,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.detail-source-header {
|
.detail-source-header {
|
||||||
align-items: flex-start;
|
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import { describe, expect, it } from "vitest";
|
||||||
|
import { loadAllAppCssBaseOnly } from "../../test/cssFixture";
|
||||||
|
|
||||||
|
describe("TaskDetailModal CSS contract", () => {
|
||||||
|
it("FN-4183 keeps detail source headers top-aligned so the disclosure toggle stays on the first row", async () => {
|
||||||
|
const css = await loadAllAppCssBaseOnly();
|
||||||
|
|
||||||
|
expect(css).toMatch(/\.detail-source-header\s*\{[^}]*align-items\s*:\s*flex-start\s*;/);
|
||||||
|
});
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user