New security user can't find more details about vulnerabilities
Summary
I spoke with a new user of the dependency scanner the other day. After getting it set up he went to the Dashboard and noticed that it had found vulnerabilities. Upon trying to find solutions for the vulnerabilities he had a very difficult time figuring out where to go and what to click on in order to find more details about them.
Short-term Solution
We will implement the link highlight change as seen in #292595[b05_Row-hover-use-cases.png]
- On-row-hover: underline the description/link-item.
- this signals to the user that they can click on this to view the details page.
- On-description/link-item hover: change the style to the link style (Underlined-blue)
- This reinforces the link is a link in GitLab.
Long-term Solution
Update tables: #292808 (closed)
cc @gitlab-com/gitlab-ux/secure-defend-ux
Implementation plan
-
frontend ee/app/assets/javascripts/security_dashboard/components/vulnerability_list.vue
Update CSS for the vulnerability title so that when hovered it's blue and underlined. There should be some available classes for that. A quick list for available classes can be seen here: https://unpkg.com/browse/@gitlab/ui/src/scss/utilities.scss -
frontend Update the vulnerability row in the same file so that when it's hovered the background is gray.
Edited by Savas Vedova