Ensure analytics dashboard columns are responsive
What does this MR do and why?
Fixes issue where analytics dashboards were no longer automatically swapped to 1 column layout at smaller breakpoints.
This was due to breaking change in the gridstack 10 update which removed this responsiveness as a default option.
The fix is to add basic columnOpts to the GridStack config as per the v10 migration guide. This restores our previous responsive behaviour.
Screenshots or screen recordings
| Before | After |
|---|---|
 |
 |
 |
 (no changes at larger breakpoints) |
How to set up and validate locally
- Follow these instructions to setup Product Analytics in GDK.
- Onboard
Product Analyticsby setting up the feature at Project > Analytics > Analytics dashboards. - Visit a dashboard at Project > Analytics > Analytics dashboards > Audience/Behaviour.
- Resize browser and ensure 1 column layout is used at breakpoints smaller than md/768px
Related to #433981 (closed)
Edited by Elwyn Benson