Update Project Security Configuration Page Layout

Dheeraj Joshirequested to merge
djadmin-redesign-security-configuration-layout into master

What does this MR do and why?

Related issue: Update Project Security Configuration Page Layout (#578816 - closed).

This MR redesigns the security configuration page layout and some minor improvements. The changes include:

  1. Layout improvements: Move from single-column layout to a responsive two-column grid.
    1. Applies to "Security Testing" tab
    2. Applies to "Vulnerability Management" tab
  2. Other improvements
    1. Card ̈Redesign: Move the second configuration section for scanners within a settings icons, to reduce visual clutter.
    2. Use external link icon for "Configuration history" button
    3. Removes the "On-demand scans" badge
    4. Removes the Beta badge for validity checks
  • Introduces a "stacked" prop to the SectionLayout component to allow components to be rendered in a vertically stacked arrangement.

References

Screenshots or screen recordings

Scanner configuration section

Before After
image.png image.png

Vulnerability management section

Before After
image image

How to set up and validate locally

  1. Visit any project's security configuration page
  2. Verify if the changes are available as per the designs

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.

Edited by Dheeraj Joshi

Merge request reports