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

Add store location map manager #20

Open
nalalangan wants to merge 206 commits from feature/location-map-manager into feature/store-selector-modal
pull from: feature/location-map-manager
merge into: nalalangan:feature/store-selector-modal
Conversation 0 Commits 206 Files Changed 47 +10 -16
2 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8ba41b06c6 - Show all commits

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

@ -1200,7 +1200,7 @@
} }
.location-map-toolbar { .location-map-toolbar {
--location-map-mode-slot: 168px; --location-map-mode-slot: 132px;
--location-map-history-slot: 84px; --location-map-history-slot: 84px;
column-gap: 0.15rem; column-gap: 0.15rem;
row-gap: 0.35rem; row-gap: 0.35rem;
@ -1219,13 +1219,6 @@
min-width: 28px; min-width: 28px;
} }
.location-map-toolbar.has-history-slot .location-map-zoom-controls {
grid-column: 1 / -1;
width: 100%;
justify-self: stretch;
justify-content: space-between;
}
.location-map-display-controls { .location-map-display-controls {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
} }

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

@ -1443,8 +1443,8 @@ test("mobile keeps viewing draft status compact in the topbar", async ({ page })
expect(statusBox.y).toBeLessThan(titleBox.y + titleBox.height); expect(statusBox.y).toBeLessThan(titleBox.y + titleBox.height);
expect(statusBox.x).toBeGreaterThan(titleBox.x); expect(statusBox.x).toBeGreaterThan(titleBox.x);
expect(toolbarBox.height).toBeLessThanOrEqual(64); expect(toolbarBox.height).toBeLessThanOrEqual(64);
expect(modeBox.width).toBeGreaterThanOrEqual(166); expect(modeBox.width).toBeGreaterThanOrEqual(130);
expect(modeBox.width).toBeLessThanOrEqual(172); expect(modeBox.width).toBeLessThanOrEqual(136);
await expect(historyActions).toHaveCount(0); await expect(historyActions).toHaveCount(0);
expect(zoomBox.y).toBeLessThan(modeBox.y + modeBox.height); expect(zoomBox.y).toBeLessThan(modeBox.y + modeBox.height);
expect(zoomBox.x).toBeGreaterThan(modeBox.x + modeBox.width - 1); expect(zoomBox.x).toBeGreaterThan(modeBox.x + modeBox.width - 1);
@ -1470,13 +1470,14 @@ test("mobile keeps viewing draft status compact in the topbar", async ({ page })
expect(Math.abs(editModeBox.x - modeBox.x)).toBeLessThanOrEqual(1); expect(Math.abs(editModeBox.x - modeBox.x)).toBeLessThanOrEqual(1);
expect(Math.abs(editModeGroupBox.width - modeGroupBox.width)).toBeLessThanOrEqual(1); expect(Math.abs(editModeGroupBox.width - modeGroupBox.width)).toBeLessThanOrEqual(1);
expect(Math.abs(editModeBox.width - modeBox.width)).toBeLessThanOrEqual(1); expect(Math.abs(editModeBox.width - modeBox.width)).toBeLessThanOrEqual(1);
expect(editModeBox.width).toBeGreaterThanOrEqual(166); expect(editToolbarBox.height).toBeLessThanOrEqual(64);
expect(editModeBox.width).toBeLessThanOrEqual(172); expect(editModeBox.width).toBeGreaterThanOrEqual(130);
expect(editModeBox.width).toBeLessThanOrEqual(136);
expect(editHistoryBox.width).toBeGreaterThanOrEqual(82); expect(editHistoryBox.width).toBeGreaterThanOrEqual(82);
expect(editHistoryBox.x).toBeGreaterThan(editModeBox.x + editModeBox.width); expect(editHistoryBox.x).toBeGreaterThan(editModeBox.x + editModeBox.width);
expect(editHistoryBox.x + editHistoryBox.width).toBeLessThanOrEqual(editToolbarBox.x + editToolbarBox.width + 1); expect(editHistoryBox.x + editHistoryBox.width).toBeLessThanOrEqual(editToolbarBox.x + editToolbarBox.width + 1);
expect(editZoomBox.y).toBeGreaterThan(editModeBox.y + editModeBox.height - 1); expect(editZoomBox.y).toBeLessThan(editModeBox.y + editModeBox.height);
expect(editZoomBox.x).toBeGreaterThanOrEqual(editToolbarBox.x); expect(editZoomBox.x).toBeGreaterThan(editHistoryBox.x + editHistoryBox.width - 1);
expect(editZoomBox.x + editZoomBox.width).toBeLessThanOrEqual(editToolbarBox.x + editToolbarBox.width + 1); expect(editZoomBox.x + editZoomBox.width).toBeLessThanOrEqual(editToolbarBox.x + editToolbarBox.width + 1);
}); });
@ -1582,8 +1583,8 @@ test("narrow mobile toolbar keeps map controls tappable without overflow", async
expect(toolbarBox.x).toBeGreaterThanOrEqual(0); expect(toolbarBox.x).toBeGreaterThanOrEqual(0);
expect(toolbarBox.x + toolbarBox.width).toBeLessThanOrEqual(361); expect(toolbarBox.x + toolbarBox.width).toBeLessThanOrEqual(361);
expect(modeBox.width).toBeGreaterThanOrEqual(166); expect(modeBox.width).toBeGreaterThanOrEqual(130);
expect(modeBox.width).toBeLessThanOrEqual(172); expect(modeBox.width).toBeLessThanOrEqual(136);
expect(modeBox.x + modeBox.width).toBeLessThanOrEqual(historyBox.x); expect(modeBox.x + modeBox.width).toBeLessThanOrEqual(historyBox.x);
expect(zoomBox.y).toBeGreaterThan(modeBox.y + modeBox.height - 1); expect(zoomBox.y).toBeGreaterThan(modeBox.y + modeBox.height - 1);
expect(zoomBox.x).toBeGreaterThanOrEqual(toolbarBox.x); expect(zoomBox.x).toBeGreaterThanOrEqual(toolbarBox.x);