Skip to content

Report Widgets Core: Add support for actions Level 1

Context

This is part of the epic: &6647 (closed) that adds support for the Design Guidelines to the Core component of MR Report Widgets.

All this is in the context of the Working Group: Merge Request Report Widgets.

Required reading

Please ensure that:

Task

Add support for actions for Level 1.

image

  1. Info button - provides supplemental information in a popover.
  2. Options button - at smaller breakpoints opens a dropdown with available actions. On hover/focus a tooltip reads “{widget} options”.
  3. Download dropdown - ability to download assets related to the widget. On hover/focus a tooltip reads “{widget} downloads”.
  4. Tertiary button - actions that can be taken on or from the widget, like “Manage licenses” or “View report”.
  5. Expand/collapse button - toggles the visibility of level 2 and level 3 items when present. On hover/focus a tooltip reads “Show {widget} details” when collapsed and “Hide {widget} details” when expanded.

in Merge request reports | Pajamas Design System

Please observe the responsive behavior (ellipsis): https://design.gitlab.com/regions/merge-request-reports#responsive

Edited by André Luís