Skip to content

Fix VSD panel scrollbars

Ezekiel Kigbo requested to merge ek-minor-cleanup-gs-wrapper-panel into master

What does this MR do and why?

Small fix for the overflow scrollbars that appear on the Value stream charts when rendered as a shared analytics dashboard using gridstack.

The GridStack resizeToContent requires a single item under each .grid-stack-item-content panel to properly resize the panel to accommodate the size of the content.

This MR adds a wrapping div in the panels_base.vue component to ensure we can have panels sized correctly in most cases without scrollbars.

GridStack docs: https://github.com/gridstack/gridstack.js/tree/master/doc#resizetocontentel-griditemhtmlelement-useattrsize--false

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before - VSD After - VSD Before - small size After - small size
Screenshot_2023-12-06_at_11.55.09_am Screenshot_2023-12-06_at_11.53.41_am Screenshot_2023-12-06_at_11.53.53_am Screenshot_2023-12-06_at_11.54.40_am

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Ezekiel Kigbo

Merge request reports