Update Security Dashboard & Vulnerability Report empty states
Why are we doing this work
Problem to solve
- Inconsistent and improper use of button styles (some green, some blue) - buttons should be replaced with text links at the end of the description text).
- Empty state copy is the same for both the Security Dashboard and the Vulnerability Report - we need to change the title and description on Vulnerability Report to distinguish itself from the Security Dashboard (which also needs a copy change). (Note: Links should retain the same destination)
- The page title shows in the empty state only on the Security Dashboard and no other pages. This should be removed for consistency.
Visual of changes
Relevant links
Design Issue: #289295 (closed)
Non-functional requirements
-
Documentation: Screenshot update on GitLab Security Dashboard, Security Center, and Vulnerability Reports -
Feature flag: -
Performance: -
Testing:
Implementation plan
-
frontend Replace the button with text link in ee/app/assets/javascripts/security_dashboard/components/empty_states/reports_not_configured.vue
. -
frontend ee/app/assets/javascripts/security_dashboard/components/security_charts_layout.vue
should receive ashouldRenderTitle
property which should befalse
if theshouldShowEmptyState
computed property inee/app/assets/javascripts/security_dashboard/components/project_security_charts.vue
is true.
Edited by Savas Vedova