Add a visual indicator to dashboard panels when in edit mode
What does this MR do and why?
Add a visual indicator to dashboard panels when editing so it's clear panels can be dragged to resize.
Also change the cursor to grab
/ grabbing
to help show the panels can be drag'n'dropped to move.
Screenshots or screen recordings
before | after |
---|---|
(resize handles only visible on hover) | (resize handles always visible while editing) |
(unfortunately screenshots / screen recordings on my system are not including the mouse cursor so can't include a before/after. But it's changed from standard pointer
to grab
, on hover and grabbing
on drag while in edit mode)
How to set up and validate locally
Note: This feature has a lot of setup steps. If you need help please ask me or I can step through these during a call with you.
- Follow these instructions to setup Product Analytics in GDK.
- Add a custom dashboard following these instructions
- View this dashboard, and click Edit
- Verify resize handles are always visible, and cursor style is grab / grabbing when hovering/dragging panels
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #389274 (closed)
Edited by Elwyn Benson