senlinai/agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): hide mobile backdrop on desktop

Browse Source
This commit is contained in:
yanweidong
2026-07-21 13:35:35 +08:00
parent 02d4b4c54e
commit 81c63c7ffd
2 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web_v1/scripts/visual-check.mjs
View File

@@ -240,6 +240,26 @@ if (await projectNavButton.count() === 0) {
if (!await page.locator('aside.project-rail.open').isVisible()) { if (!await page.locator('aside.project-rail.open').isVisible()) {
failures.push('打开项目导航 must reveal the project rail aside') failures.push('打开项目导航 must reveal the project rail aside')
} }
await page.setViewportSize({ width: 1440, height: 1024 })
const resizedDesktopMetrics = await collectMetrics()
const desktopBackdropDisplay = await page.locator('.nav-backdrop').evaluate((node) => getComputedStyle(node).display)
if (desktopBackdropDisplay !== 'none') {
failures.push(`navigation backdrop must be hidden after resizing to desktop, got display=${desktopBackdropDisplay}`)
}
if (resizedDesktopMetrics.overflowX) {
failures.push('resized desktop project viewport must not overflow horizontally')
}
if (!resizedDesktopMetrics.projectRail || !resizedDesktopMetrics.channelSidebar || !resizedDesktopMetrics.stage) {
failures.push('resized desktop must preserve project rail, channel sidebar, and stage')
} else if (
Math.abs(resizedDesktopMetrics.channelSidebar.left - resizedDesktopMetrics.projectRail.right) > 1 ||
Math.abs(resizedDesktopMetrics.stage.left - resizedDesktopMetrics.channelSidebar.right) > 1 ||
Math.abs(resizedDesktopMetrics.stage.right - resizedDesktopMetrics.viewportWidth) > 1
) {
failures.push(`resized desktop layout must preserve the core grid, got rail=${JSON.stringify(resizedDesktopMetrics.projectRail)}, sidebar=${JSON.stringify(resizedDesktopMetrics.channelSidebar)}, stage=${JSON.stringify(resizedDesktopMetrics.stage)}`)
}
await page.setViewportSize({ width: 390, height: 844 })
await waitForDrawerOpen('aside.project-rail')
await page.getByRole('button', { name: '关闭导航', exact: true }).click({ position: { x: 380, y: 20 } }) await page.getByRole('button', { name: '关闭导航', exact: true }).click({ position: { x: 380, y: 20 } })
} }

5
apps/web_v1/src/App.css
View File

@@ -235,6 +235,10 @@
display: none; display: none;
} }
.nav-backdrop {
display: none;
}
.dock-icon { .dock-icon {
position: relative; position: relative;
display: inline-block; display: inline-block;
@@ -2121,6 +2125,7 @@
} }
.nav-backdrop { .nav-backdrop {
display: block;
position: fixed; position: fixed;
inset: 58px 0 32px; inset: 58px 0 32px;
z-index: 19; z-index: 19;