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 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: var(--space-xs);
|
||||
}
|
||||
@@ -438,7 +438,7 @@
|
||||
|
||||
.detail-github-tracking-enable {
|
||||
margin-left: auto;
|
||||
align-self: center;
|
||||
align-self: flex-start;
|
||||
padding-block: calc(var(--space-xs) / 2);
|
||||
padding-inline: var(--space-sm);
|
||||
line-height: 1.2;
|
||||
@@ -1588,7 +1588,6 @@
|
||||
}
|
||||
|
||||
.detail-source-header {
|
||||
align-items: flex-start;
|
||||
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