Merge branch '6005-fix-strike-through' into 'master'

Resolve "Strike through the whole line when vulnerability is dismissed"

Closes #6005

See merge request gitlab-org/gitlab-ee!5929

ee/app/assets/javascripts/vue_merge_request_widget/components/codequality_issue_body.vue

@@ -26,7 +26,7 @@ export default {
 </script>
 <template>
   <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
-    <div class="report-block-list-issue-description-text append-right-5">
+    <div class="report-block-list-issue-description-text">
       <template v-if="isStatusSuccess">{{ s__('ciReport|Fixed:') }}</template>
 
       {{ issue.name }}

ee/app/assets/javascripts/vue_merge_request_widget/components/performance_issue_body.vue

@@ -31,7 +31,7 @@ export default {
 </script>
 <template>
   <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
-    <div class="report-block-list-issue-description-text append-right-5">
+    <div class="report-block-list-issue-description-text">
       {{ issue.name }}<template v-if="issue.score">:
       <strong>{{ formatScore(issue.score) }}</strong></template>
 

ee/app/assets/javascripts/vue_shared/security_reports/components/dast_issue_body.vue

@@ -26,7 +26,7 @@ export default {
 </script>
 <template>
   <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
-    <div class="report-block-list-issue-description-text append-right-5">
+    <div class="report-block-list-issue-description-text">
       <template v-if="issue.priority">{{ issue.priority }}:</template>
 
       <modal-open-name

ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue

@@ -76,7 +76,7 @@ export default {
                   />
                 </div>
                 <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
-                  <div class="report-block-list-issue-description-text append-right-5">
+                  <div class="report-block-list-issue-description-text">
                     {{ instance.method }}
                   </div>
                   <div class="report-block-list-issue-description-link">

ee/app/assets/javascripts/vue_shared/security_reports/components/modal_open_name.vue

@@ -20,7 +20,7 @@ export default {
   <button
     type="button"
     @click="handleIssueClick()"
-    class="btn-link btn-blank text-left break-link"
+    class="btn-link btn-blank text-left break-link vulnerability-name-button"
   >
     {{ issue.name }}
   </button>

ee/app/assets/javascripts/vue_shared/security_reports/components/sast_container_issue_body.vue

@@ -22,7 +22,7 @@ export default {
 </script>
 <template>
   <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
-    <div class="report-block-list-issue-description-text append-right-5">
+    <div class="report-block-list-issue-description-text">
       <template v-if="issue.priority">{{ issue.priority }}:</template>
 
       <modal-open-name :issue="issue" />

ee/app/assets/javascripts/vue_shared/security_reports/components/sast_issue_body.vue

@@ -24,7 +24,7 @@ export default {
 </script>
 <template>
   <div class="report-block-list-issue-description prepend-top-5 append-bottom-5">
-    <div class="report-block-list-issue-description-text append-right-5">
+    <div class="report-block-list-issue-description-text">
       <template v-if="issue.priority">{{ issue.priority }}:</template>
 
       <modal-open-name :issue="issue" />

ee/app/assets/javascripts/vue_shared/security_reports/components/summary_row.vue

@@ -52,7 +52,7 @@ export default {
     </div>
 
     <div class="report-block-list-issue-description">
-      <div class="report-block-list-issue-description-text append-right-5">
+      <div class="report-block-list-issue-description-text">
         {{ summary }}
       </div>
 

ee/app/assets/stylesheets/pages/security_reports.scss

@@ -89,10 +89,15 @@
   align-content: flex-start;
 }
 
-.is-dismissed .report-block-list-issue-description {
+.is-dismissed .report-block-list-issue-description,
+.is-dismissed .vulnerability-name-button {
   text-decoration: line-through;
 }
 
+.report-block-list-issue-description-text::after {
+  content: "\00a0";
+}
+
 .report-block-list-issue-description {
   align-content: space-around;
   align-items: flex-start;