nalalangan/grocery-app
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

fix: stabilize mobile map toolbar slots

Browse Source
This commit is contained in:
Nico 2026-06-04 07:38:49 -07:00
parent 19d345ac9a
commit ea05691a65
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/styles/pages/LocationMapManager.css
View File

@ -851,16 +851,16 @@
.location-map-toolbar { .location-map-toolbar {
display: grid; display: grid;
grid-template-columns: minmax(0, 8.25rem) auto; grid-template-columns: minmax(0, 8.25rem) minmax(0, 1fr);
align-items: center; align-items: center;
justify-content: space-between; justify-content: stretch;
column-gap: 0.15rem; column-gap: 0.15rem;
row-gap: 0.35rem; row-gap: 0.35rem;
padding: 0.35rem 0.25rem; padding: 0.35rem 0.25rem;
} }
.location-map-toolbar.has-history-slot { .location-map-toolbar.has-history-slot {
grid-template-columns: minmax(0, 8.25rem) 5rem auto; grid-template-columns: minmax(0, 8.25rem) 5rem minmax(0, 1fr);
} }
.location-map-mode-group { .location-map-mode-group {

2
frontend/tests/location-map-manager.spec.ts
View File

@ -787,7 +787,9 @@ test("mobile keeps draft preview status compact in the topbar", async ({ page })
expect(toolbarBox.height).toBeLessThanOrEqual(64); expect(toolbarBox.height).toBeLessThanOrEqual(64);
expect(modeBox.width).toBeLessThanOrEqual(150); expect(modeBox.width).toBeLessThanOrEqual(150);
expect(reservedHistoryBox.width).toBeGreaterThanOrEqual(70); expect(reservedHistoryBox.width).toBeGreaterThanOrEqual(70);
expect(reservedHistoryBox.x).toBeGreaterThan(modeBox.x + modeBox.width - 1);
expect(zoomBox.y).toBeLessThan(modeBox.y + modeBox.height); expect(zoomBox.y).toBeLessThan(modeBox.y + modeBox.height);
expect(zoomBox.x).toBeGreaterThan(reservedHistoryBox.x + reservedHistoryBox.width - 1);
expect(zoomBox.x + zoomBox.width).toBeLessThanOrEqual(toolbarBox.x + toolbarBox.width + 1); expect(zoomBox.x + zoomBox.width).toBeLessThanOrEqual(toolbarBox.x + toolbarBox.width + 1);
await page.getByRole("button", { name: "Edit Draft" }).click(); await page.getByRole("button", { name: "Edit Draft" }).click();