Merge branch '214538-Improve-Project-Sec-Status-Accordion' into 'master'

Improve Accordion Item Focus State

Closes #214538

See merge request gitlab-org/gitlab!40638

ee/app/assets/javascripts/vue_shared/components/accordion/accordion_item.vue

@@ -97,14 +97,11 @@ export default {
           :disabled="isDisabled"
           :aria-expanded="isExpanded"
           :aria-controls="contentContainerId"
-          class="btn-transparent border-0 rounded-0 w-100 p-0 text-left"
-          :class="{ 'cursor-default': isDisabled }"
+          class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left"
+          :class="{ 'cursor-default': isDisabled, 'list-group-item-action': !isDisabled }"
           @click="handleClick"
         >
-          <div
-            class="d-flex align-items-center p-2"
-            :class="{ 'list-group-item-action': !isDisabled }"
-          >
+          <div class="d-flex align-items-center p-2">
             <gl-icon
               :size="16"
               class="mr-2 gl-text-gray-900"

ee/changelogs/unreleased/214538-Improve-Project-Sec-Status-Accordion.yml

+---
+title: Improve Accordion Item Focus State
+merge_request: 40638
+author: Kev @KevSlashNull
+type: fixed

ee/spec/frontend/security_dashboard/components/__snapshots__/vulnerability_severity_spec.js.snap

@@ -40,7 +40,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
         >
           <button
             aria-controls="gl-accordion-item-content-container-26"
-            class="btn-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
+            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
             disabled="disabled"
             id="gl-accordion-item-trigger-25"
             type="button"
@@ -117,7 +117,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
         >
           <button
             aria-controls="gl-accordion-item-content-container-28"
-            class="btn-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
+            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
             disabled="disabled"
             id="gl-accordion-item-trigger-27"
             type="button"
@@ -194,7 +194,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
         >
           <button
             aria-controls="gl-accordion-item-content-container-30"
-            class="btn-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
+            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
             disabled="disabled"
             id="gl-accordion-item-trigger-29"
             type="button"
@@ -271,7 +271,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
         >
           <button
             aria-controls="gl-accordion-item-content-container-32"
-            class="btn-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
+            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
             disabled="disabled"
             id="gl-accordion-item-trigger-31"
             type="button"
@@ -348,7 +348,7 @@ exports[`Vulnerability Severity component when the data has loaded matches snaps
         >
           <button
             aria-controls="gl-accordion-item-content-container-34"
-            class="btn-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
+            class="gl-bg-transparent border-0 rounded-0 w-100 p-0 text-left cursor-default"
             disabled="disabled"
             id="gl-accordion-item-trigger-33"
             type="button"