Relocate Rows and Columns Selector Controls from Grid Overlay

[RodriSanchez1]

Currently, the row and column selector controls (arrows) are placed directly over the grid, which can interfere with user interaction and visibility.

Proposal

Based on a recent suggestion, here are three proposed options for relocating or redesigning these controls:

1. Option 1: Place the control arrows as a new row and column, visually similar to the existing rows/columns (see the image for an example with row controls; column controls would be similar but vertical).

2. Option 2: Integrate the row and column controls into the existing edit options for the grid.

3. Option 3: Similar to option 2, but place the controls at the bottom of the screen.

Material UI 4 components (buttons and text) are available for these UI elements.

---

Reference: Originally posted by @magush27 in #1925

[Priyanshu1-62]

We need to run both cboard and cboard-api for local development. The backend requires a few necessary API keys and secrets to function, especially SendGrid API key. I can short-circuit authentication functions to bypass email verification checks, but will require me to understand the authentication flow and file structures !!. Is this the expected way do locally run the app?

[RodriSanchez1]

Hi! You dont need to run the cboard-api to work on this issue. Just use the app without log in.
Steps to reproduce open the image view:

• 4 clicks on the clock
• Click Edit
• Select the Fixed switch to convert the board to fixed
• The Rows and Collumns selector will be showed

Let me know if you need further assist or if you want to be assigned on this issue

[Priyanshu1-62]

I would like to be assigned to this issue. Thanks for the opportunity! I plan to implement Option 2 for relocating & redesigning the controls.

[RodriSanchez1]

Okay! Nice! Yes, I also like the option 2