rob/mascarpone
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: click off sidebar on small windows closes it

Browse source
This commit is contained in:
Robert Perce 2026-04-07 10:49:23 -05:00
parent 62b0efac04
commit 1206e211d5
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
e2e/pages/home.spec.ts
View file

@ -99,3 +99,15 @@ test('contact list scrolls (independently) to current contact in center of view'
// roughly centered is fine, not that fussy about headers and whatnot
expect(Math.abs(linkPos - (await page.evaluate('window.innerHeight/2') as number))).toBeLessThan(200);
});
test('clicking off contact list when expanded closes it', async ({ page }) => {
await page.setViewportSize({
width: 640,
height: 1000,
});
// TODO aria-label
await page.locator('#sidebar-show-hide').click();
await expect(page.getByRole('button', { name: /add contact/i })).toBeVisible();
await page.mouse.click(600, 500);
await expect(page.getByRole('button', { name: /add contact/i })).not.toBeVisible();
});

2
src/web/mod.rs
View file

@ -112,7 +112,7 @@ impl Layout {
a href="/logout" { "Logout" }
}
section #content {
nav #contacts-sidebar x-bind:class="sidebar ? 'show' : 'hide'" {
nav #contacts-sidebar x-bind:class="sidebar ? 'show' : 'hide'" "x-on:click.self"="sidebar = !sidebar" {
ul {
li { button hx-post="/contact/new" { "+ Add Contact" } }
@for link in &self.contact_links {