Improve ConfigurationPageLayout UX
What does this MR do and why?
This improves the ConfigurationPageLayout
component to accommodate for a couple UX enhancements in the on-demand scans page:
- Adds the ability to remove the header's bottom border.
- Have actions flow below the header on smaller viewports.
Screenshots or screen recordings
Before | After | |
---|---|---|
Desktop | ||
Mobile |
How to set up and validate locally
- Enable the on-demands scans page.
Feature.enable(:dast_view_scans)
- Visit any project's on-demand scans page such as http://127.0.0.1:3000/groups/flightjs/-/on_demand_scans.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #342955 (closed)
Edited by Paul Gascou-Vaillancourt