Stack details before workspace on mobile

This commit is contained in:
2026-08-05 14:22:23 +02:00
parent 931be30eba
commit f0bd62d93e
3 changed files with 5 additions and 5 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -162,8 +162,8 @@
.sidebar-drawer[aria-hidden="true"] { @apply -translate-x-full; }
.sidebar-open-button { @apply left-2 top-2; }
.secondary-panel { @apply border-r-0 pt-0; }
.main-workspace { @apply order-1; }
.secondary-panel { @apply order-2; }
.secondary-panel { @apply order-1; }
.main-workspace { @apply order-2; }
.table-wrap { @apply max-h-[70vh]; }
}
+2 -2
View File
@@ -32,8 +32,8 @@ test("catalog maker remains usable on a narrow viewport", async ({ page }) => {
await expect(page.locator("#findSourcesButton")).toBeVisible();
await expect(page.locator("#settingsButton")).toBeVisible();
await expect(page.locator("#sidebarOverlay")).toBeVisible();
await expect(page.locator(".main-workspace")).toHaveCSS("order", "1");
await expect(page.locator(".secondary-panel")).toHaveCSS("order", "2");
await expect(page.locator(".secondary-panel")).toHaveCSS("order", "1");
await expect(page.locator(".main-workspace")).toHaveCSS("order", "2");
await page.screenshot({ path: "test-results/catalog-maker-mobile.png", fullPage: true });
});