5bad807189
Keep the task detail tab strip scrollable on desktop without shrinking tab labels. - move horizontal tab-strip scrolling and momentum styles into the base .detail-tabs rule - keep .detail-tab items from shrinking at all viewport sizes so overflow remains scrollable - add a CSS contract test for the base tab strip behavior and extend task detail API mocks with refreshPrStatus Files changed: packages/dashboard/app/components/TaskDetailModal.css | 7 ++++--- .../dashboard/app/components/__tests__/TaskDetailModal.css.test.ts | 7 +++++++ .../app/components/__tests__/TaskDetailModal.test-helpers.ts | 1 + 3 files changed, 12 insertions(+), 3 deletions(-) Fusion-Task-Id: FN-5879 Fusion-Task-Lineage: b990a88e-7b1d-44d9-b222-986a28ae143d
18 lines
744 B
TypeScript
18 lines
744 B
TypeScript
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*;/);
|
|
});
|
|
|
|
it("FN-5879 keeps the base detail tab strip horizontally scrollable without shrinking tabs", async () => {
|
|
const css = await loadAllAppCssBaseOnly();
|
|
|
|
expect(css).toMatch(/\.detail-tabs\s*\{[^}]*overflow-x\s*:\s*auto\s*;/);
|
|
expect(css).toMatch(/\.detail-tab\s*\{[^}]*flex-shrink\s*:\s*0\s*;/);
|
|
});
|
|
});
|