Use GlTruncate instead of css word wrap in the Vulnerability List Description column
Context
#217961 (closed) was an issue to fix the text overflow in the vulnerability list component. In cases where the file path was long, it was causing a text overlap with other columns/components. The quick fix was to wrap text so that it goes into multiple lines.
Description
As mentioned in #217961 (comment 383134415), now we have a component (see related issue here: gitlab-ui#767 (closed)) that truncates long text.
Let's use this component to truncate long texts in the vulnerability list instead of wrapping it.
Implementation plan
-
Remove the tdClass: 'gl-word-break-all'
definition in ee/app/assets/javascripts/security_dashboard/components/vulnerability_list.vue -
Use the new GlTruncate
component instead: https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/utilities-truncate--default