Calculate the grid to have a 16:9 ratio and redraw it when panning a certain distance.
Replace the compass navigation button with a grid button that zoom at the appropriate level to show the grid on click.
If the user clicks on a point of the map fly there and show the grid.
When the grid is showing highlight the hovered cell from which a claim selection would start.
If the user clicks on a cell that would be covered by the sidebar wait for the claim selection to start (cell become yellow), offset the sidebar by panning with an animated transition and show the sidebar when it's done.
If during a claim selection the user zoom out below a level where the grid is shown display a popup to alert them to either zoom in to continue the claim selection or abort it.
Validate that the claim is not more than 200 cells in a single direction.
Offset the sidebar when the user clicks on a parcel that would be covered by it.
Add top padding to the map so that the header is accounted for.
Pad the map on the left to offset the sidebar and center the selected parcel when navigating from the profile modal or the URL query params.
Checklist:
[x] My commit message follows the Conventional Commits specification
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
[x] I have tested my code
[x] My changes generate no new warnings
[x] My PR is rebased off the most recent develop branch
Description
Keep the grid always on above a fixed zoom level.
Checklist:
develop
branchdevelop
branchAlert Reviewers
@codynhat @gravenp