Skip to content

Work item - Design sidebar and description

Florie Guibert requested to merge 460796-design-widget-introduce-sidebar into master

What does this MR do and why?

Introduce sidebar when viewing a design from a work item.

  • Displays design description if it already exists
  • Display empty state image until discussions are implemented
  • Clicking on the discussion button in the toolbar toggles the sidebar

Note: DesignDisclosure is moved to vue_shared as we don't need a copy of this reusable component.

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

Screenshot_from_2024-05-20_14-16-25

How to set up and validate locally

  1. Visit an issue and upload a design to it.
  2. Click on the design and add a description.
  3. Visit the work item equivalent to that issue.
  4. Click on a design to open it.
  5. Verify the description displays correctly.
  6. Click on the discussion button in the top right corner to close the sidebar and reopen it.
  • Issue example URL: http://127.0.0.1:3000/gitlab-org/gitlab-shell/-/issues/2
  • Corresponding work item URL: http://127.0.0.1:3000/gitlab-org/gitlab-shell/-/work_items/2

Related to #460796 (closed)

Edited by Florie Guibert

Merge request reports