Skip to content

VSD Usage overview - Improve the the usability of subgroups in the panel title

Problem

There is a UX scaling problem with the panel title when there is a subgroup with a long name.

Here is an example of the problem.

Technical contraint

After a panel is configured in the YAML file or customized in the UI, the panel heights are fixed. This means that any content inside the panel with a large height (or width) will scroll within the panel.

Also, CSS breakpoints do not work inside panels.

Proposal

  • Break down usage overview into separate individual panels
  • Create new visualization types for "Namespace title", "Namespace: Issues", "Namespace: Merge requests", etc.
  • This more modular approach will allow for better scalability in the UI and offer users greater flexibility to display the usage metrics that are meaningful for their use cases
  • 🖼️ #467997[Usage_overview_-_Option_B.png]

Design source

Resources

Edited by Libor Vanc