Skip to content

Update style of MR security widget

Daniel Tian requested to merge 361562-update-mr-security-widget-style into master

What does this MR do and why?

On the MR details page, there are some MR widgets. All of them are using the new V2 design for the MR widget except for the security report widget. This is especially noticeable on production, where there are several widgets in a column and the security report widget looks out of place:

MR details page Production MR widgets
ksnip_20220926-221126 ksnip_20220926-215746

This MR updates the design of the security report widget to match the new design. Note that we have ongoing work to switch the security widget to V2, this MR is just to update the design of the current widget until the V2 work is done.

Before After
ksnip_20220926-215622 ksnip_20220926-215447

How to set up and validate locally

  1. Clone this project locally: https://staging.gitlab.com/secure-team-test/denied-licenses-test
  2. Edit a file using the Web IDE, then commit it and create a new MR from it.
  3. Visit the MR details. You should see the License Compliance widget and the security widget.

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 #361562 (closed)

Edited by Daniel Tian

Merge request reports