Skip to content

Fix Usage Overview panel title's popover positioning

Rudy Crespo requested to merge 454898-vsd-usage-overview-panel-improve-popover-positioning into master

What does this MR do and why?

Sets the panel title's popover boundary in the panels_base.vue component to viewport to fix wonky positioning inside panels with limited space. In this case, it would only apply to the Usage Overview panel on the Value Streams Dashboard.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

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

Before After
Screen Recording 2024-04-16 at 5.10.35 PM.mov Screen Recording 2024-04-16 at 5.11.37 PM.mov

How to set up and validate locally

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

  1. Please make sure you have a GitLab Ultimate license.
  2. Feature.enable(:group_analytics_dashboard_dynamic_vsd)
  3. Create a new (or choose an existing) top-level group and invoke the seed script: GROUP_ID=<group-id> FILTER=vsd_overview_counts SEED_VSD_COUNTS=1 bundle exec rake db:seed_fu
  4. Navigate to the group above and, from the left sidebar, click the Analyze > Analytics dashboards link
  5. The group dashboard list should appear, select Value Stream Dashboard
  6. Hover over the Usage Overview's panel title tooltip and verify that the popover is positioned correctly.

Related to #454898 (closed)

Edited by Rudy Crespo

Merge request reports