diff --git a/__tests__/e2e/local-search/local-search.test.ts b/__tests__/e2e/local-search/local-search.test.ts index 9496dc6b..a3124740 100644 --- a/__tests__/e2e/local-search/local-search.test.ts +++ b/__tests__/e2e/local-search/local-search.test.ts @@ -28,4 +28,27 @@ describe('local search', () => { .count() ).toBe(0) }) + + test('uses the same desktop breakpoint as the nav bar', async () => { + try { + for (const { width, isDesktop } of [ + { width: 767, isDesktop: false }, + { width: 768, isDesktop: true } + ]) { + await page.setViewportSize({ width, height: 600 }) + await goto('/') + await page.locator('.VPNavBarSearchButton').click() + await page.waitForSelector('input#localsearch-input') + + expect(await page.locator('.VPNavBarHamburger').isVisible()).toBe( + !isDesktop + ) + expect(await page.locator('.search-actions.before').isVisible()).toBe( + !isDesktop + ) + } + } finally { + await page.setViewportSize({ width: 1280, height: 720 }) + } + }) }) diff --git a/src/client/theme-default/components/VPLocalSearchBox.vue b/src/client/theme-default/components/VPLocalSearchBox.vue index 99abe1ec..5c9cfe1a 100644 --- a/src/client/theme-default/components/VPLocalSearchBox.vue +++ b/src/client/theme-default/components/VPLocalSearchBox.vue @@ -679,7 +679,7 @@ function onMouseMove(e: MouseEvent) { } } -@media (min-width: 769px) { +@media (min-width: 768px) { .search-actions.before { display: none; }