Skip to content

Fix two expand buttons on MR widgets when page width is narrow

Daniel Tian requested to merge 375209-fix-mr-widgets-double-expand-arrows into master

What does this MR do and why?

On the MR details page, there are some MR widgets. When the page width is narrow, two expand/collapse button are shown for each MR widget:
Peek_2022-09-27_15-39

This MR fixes it so that there's only arrow:
Peek_2022-09-27_15-49

How to set up and validate locally

  1. Clone this project: https://staging.gitlab.com/secure-team-test/denied-licenses-test
  2. Use the Web IDE to make an edit on a new branch and create a MR for it.
  3. Go to the MR details page and mark it as a draft.
  4. Wait for the MR pipeline to finish running.
  5. Verify that you see the License Compliance widget and the Merge blocked widget.
  6. Reduce the width of the page until the expand/collapse button shows in the Merge blocked widget. Verify that the License Compliance widget only has one button, and that it toggles the license compliance details.

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

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #375209 (closed)

Edited by Daniel Tian

Merge request reports