Show grid when in grid edit mode #263

New issue

Closed

opened 2026-04-13 12:23:29 +00:00 by a24vinla · 4 comments

a24vinla commented

2026-04-13 12:23:29 +00:00

Collaborator

When editing is enabled (i.e. the user is able to move and resize cards) we want to show the underlying grid. This should not be turned on by default. Below are some examples of what I mean.

Not in edit mode:

In edit mode (excuse the quality):

When editing is enabled (i.e. the user is able to move and resize cards) we want to show the underlying grid. This should not be turned on by default. Below are some examples of what I mean. Not in edit mode: ![image](/attachments/788fc4f7-60ba-4eb0-bddc-01ae541427ab) In edit mode (excuse the quality): ![image](/attachments/27785238-72f0-4bc3-bd85-882b64f210e0)

image.png

66 KiB

image.png

69 KiB

a24vinla added the

design

frontEnd

labels

2026-04-13 12:23:29 +00:00

a24vinla commented

2026-04-13 12:27:59 +00:00

Author

Collaborator

There is probably some inherit settings in react-grid-library for this. If there isn't, the grid cell width/height can be set in pixels. Currently we only set the height.

There is probably some inherit settings in react-grid-library for this. If there isn't, the grid cell width/height can be set in pixels. Currently we only set the height. ![image](/attachments/042f02f0-be5b-4d5a-8884-95909d2f3ceb)

image.png

13 KiB

a24nedka was assigned by c24elipe

2026-04-13 12:51:34 +00:00

a24vinla commented

2026-04-13 13:23:49 +00:00

Author

Collaborator

This probably helps in solving this issue:
https://github.com/react-grid-layout/react-grid-layout?tab=readme-ov-file#gridbackground

This probably helps in solving this issue: https://github.com/react-grid-layout/react-grid-layout?tab=readme-ov-file#gridbackground

hGustavs commented

2026-04-13 13:53:02 +00:00

Owner

Perhaps a less visible e.g. dotted grid with low contrast is a solution for showing the grid at least while resizing / moving the items.

The grid-ed view is too sharply contrasted for normal operation imho.

Perhaps a less visible e.g. dotted grid with low contrast is a solution for showing the grid at least while resizing / moving the items. The grid-ed view is too sharply contrasted for normal operation imho.