Skip to content

Code Insights: [FE] Fix grid layout for small layout screen sizes

Administrator requested to merge vk/fix-small-screen-insight-grid-layout into main

Created by: vovakulikov

Follow up for https://github.com/sourcegraph/sourcegraph/pull/28270

Context

This PR improves chart card layout in dashboard grid context for small screen sizes (mobile and tablet support)

Before After

Screenshot 2021-12-06 at 13 40 44

This PR also brings new visual logic to the card layout when resizing is happening. I've noticed that when we resize charts we usually have a lot of glitches and layout shifts within the card. And this is because the browser does a lot of relayouts for card content blocks, it's an expensive operation and because of that I hide content during resizing

https://user-images.githubusercontent.com/18492575/144832656-86da6849-d11c-4952-bd57-9668e7743142.mov

Merge request reports

Loading