Grid UX: Show Coarse 10x10 Grid at Max Zoom (Instead of Hiding Grid)

[tajemniktv]

Summary

At the furthest zoom-out level, instead of the grid disappearing entirely, show coarse 10x10 gridlines (or equivalent “major” grid) so players retain spatial reference.

Motivation / Problem

Currently, when zooming out to the maximum level the grid completely disappears. This makes it harder to:

• keep orientation on large boards,
• judge alignment/spacing,
• navigate and plan layouts while zoomed out.

A coarse grid would provide structure without visual clutter.

Proposed Solution

• When zoom reaches (or exceeds) the threshold where the grid would disappear:
  • hide fine grid lines
  • show major grid lines only (e.g., every 10 cells → “10x10 grid”)
• Optionally fade between fine → coarse grid as zoom changes.

UX Notes

• Coarse grid should be subtle (low-contrast) to avoid obscuring nodes.
• If performance is a concern, render coarse grid with fewer lines / lower update frequency.

Settings (optional)

• Toggle: Show grid at max zoom (On/Off)
• Option: Major grid size (default 10)

Acceptance Criteria

• Grid does not fully disappear at max zoom.
• A coarse “10x10” (major) grid remains visible for navigation/orientation.
• No significant performance regression at max zoom.
• Visual clarity remains good (grid not overpowering).