300c31e335
Restores horizontal swiping for overflowing task detail tabs on touch viewports. - Allow the detail tab strip to opt into horizontal touch panning despite the mobile pan-y default. - Extend the CSS contract test to require the task detail tabs to remain touch-pannable. Files changed: packages/dashboard/app/components/TaskDetailModal.css | 6 ++++++ .../dashboard/app/components/__tests__/TaskDetailModal.css.test.ts | 3 ++- 2 files changed, 8 insertions(+), 1 deletion(-) Fusion-Task-Id: FN-6864 Fusion-Task-Lineage: 0863d551-8088-4c8d-b583-1212b199ed69
19 lines
859 B
TypeScript
19 lines
859 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/FN-6864 keeps the base detail tab strip horizontally scrollable and touch-pannable without shrinking tabs", async () => {
|
|
const css = await loadAllAppCssBaseOnly();
|
|
|
|
expect(css).toMatch(/\.detail-tabs\s*\{[^}]*overflow-x\s*:\s*auto\s*;/);
|
|
expect(css).toMatch(/\.detail-tabs\s*\{[^}]*touch-action\s*:\s*pan-x\s+pan-y\s*;/);
|
|
expect(css).toMatch(/\.detail-tab\s*\{[^}]*flex-shrink\s*:\s*0\s*;/);
|
|
});
|
|
});
|