Hide action buttons in loading table rows

ee/app/assets/javascripts/security_dashboard/components/security_dashboard_table_row.vue

@@ -113,6 +113,7 @@ export default {
       <div class="table-mobile-header" role="rowheader">{{ s__('Reports|Actions') }}</div>
       <div class="table-mobile-content action-buttons d-flex justify-content-end">
         <vulnerability-action-buttons
+          v-if="!isLoading"
           :vulnerability="vulnerability"
           :can-create-issue="canCreateIssue"
           :can-dismiss-vulnerability="canDismissVulnerability"

ee/changelogs/unreleased/loading-row-hide-actions.yml

+---
+title: Hide action buttons while security dashboard is loading
+merge_request: 13576
+author:
+type: fixed

ee/spec/javascripts/security_dashboard/components/security_dashboard_table_row_spec.js

@@ -33,6 +33,10 @@ describe('Security Dashboard Table Row', () => {
       expect(vm.confidence).toEqual('–');
       expect(vm.$el.querySelectorAll('.table-mobile-content')[2].textContent).toContain('–');
     });
+
+    it('should not render action buttons', () => {
+      expect(vm.$el.querySelectorAll('.action-buttons button').length).toBe(0);
+    });
   });
 
   describe('when loaded', () => {