Add Display Options to Child and Linked Work Items Widgets

David Anieborequested to merge
gitlab-community/gitlab-org/gitlab:551231-add-child-linked-widgets-display-options into master

What does this MR do and why?

This MR implements metadata display options for Child & Linked widget headers in work items, allowing users to toggle the visibility of metadata fields (labels, assignees, milestones, weight, etc.).

Key Changes:

  • Added a settings dropdown in widget headers to control metadata visibility
  • User preferences are saved and restored across browser sessions
  • Converted Add button to a plus icon with tooltips
  • Reordered buttons for consistency (Display options before Add item)
  • Added proper tooltip positioning
  • Works across both Child items (hierarchy) and Linked items (relationships) widgets

Screen recording

How to set up and validate locally

  1. Check out this branch.
  2. Open an issue in the GDK that has tasks (or add tasks to an existing issue).
  3. Ensure at least one task has labels, assignees, milestones, weight, and any other relevant fields applied.
  4. On the issue page, in the Child items section, turn off the Labels toggle in the display options.
  5. Verify that the labels are no longer visible on the task cards.
  6. Refresh the page, the labels should remain hidden, and the Labels toggle should stay off.
  7. Turn the Labels toggle back on and refresh the page again.
  8. Confirm that the labels are now visible on page load.
  9. Repeat the same process for the other fields in the Child items and Linked items widgets to ensure all display options work as expected.

MR acceptance checklist

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

Related to #551231

Merge request reports