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

feat(FN-4045): keep inline metadata controls visible on mobile row

Browse Source 
Removed mobile-specific layout rules from TaskDetailModal that would have hidden or repositioned inline metadata controls, ensuring the row layout stays consistent across breakpoints; updated the corresponding responsive test assertions to match.

Fusion-Task-Id: FN-4045

Fusion-Task-Lineage: 089dc9df-ac82-4a74-b4bb-8c0ca00925e6
This commit is contained in:
Fusion
2026-05-11 17:26:38 -07:00
committed by gsxdsm
parent a2303c67a9
commit b92ea7121a
3 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1654,9 +1654,3 @@
}
@media (max-width: 640px) {
.detail-meta-inline-controls {
flex-direction: column;
align-items: flex-start;
}
}

4
packages/dashboard/app/components/__tests__/TaskDetailModal.responsive-and-dependencies.test.tsx
View File

@@ -20,12 +20,12 @@ setupTaskDetailModalHooks();
describe("TaskDetailModal", () => {
describe("mobile responsive structure", () => {
it("keeps inline metadata controls in a row by default with a narrow-screen column fallback", () => {
it("keeps inline metadata controls in a single row without a narrow-screen column fallback", () => {
const css = readDashboardStylesSource();
expectBaseRule(css, ".detail-meta-inline-controls", "display: flex;");
expectBaseRule(css, ".detail-meta-inline-controls", "flex-wrap: nowrap;");
expect(css).toMatch(/@media \(max-width: 640px\)\s*\{[\s\S]*?\.detail-meta-inline-controls\s*\{[\s\S]*?flex-direction: column;/);
expect(css).not.toMatch(/@media \(max-width: 640px\)\s*\{[^}]*\.detail-meta-inline-controls\s*\{[^}]*flex-direction:\s*column;/);
});
it("renders responsive structural classes (modal-lg, overlay, spacer, tabs, detail-body)", () => {
const { container } = render(