Add latest changes from gitlab-org/gitlab@16-2-stable-eev16.2.0-rc42

1 files changed, 12 insertions, 1 deletions

diff --git a/app/assets/javascripts/vue_shared/components/registry/list_item.vue b/app/assets/javascripts/vue_shared/components/registry/list_item.vue
index 5d0ee6adffe..ccda8c5fea7 100644
--- a/app/assets/javascripts/vue_shared/components/registry/list_item.vue
+++ b/app/assets/javascripts/vue_shared/components/registry/list_item.vue
@@ -1,9 +1,13 @@
 <script>
-import { GlButton } from '@gitlab/ui';
+import { GlButton, GlTooltipDirective } from '@gitlab/ui';
+import { __ } from '~/locale';
 
 export default {
   name: 'ListItem',
   components: { GlButton },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
   props: {
     first: {
       type: Boolean,
@@ -27,6 +31,9 @@ export default {
       detailsSlots: [],
     };
   },
+  i18n: {
+    toggleDetailsLabel: __('Toggle details'),
+  },
   computed: {
     optionalClasses() {
       return {
@@ -75,10 +82,14 @@ export default {
             <slot name="left-primary"></slot>
             <gl-button
               v-if="detailsSlots.length > 0"
+              v-gl-tooltip
               :selected="isDetailsShown"
               icon="ellipsis_h"
               size="small"
               class="gl-ml-2 gl-display-none gl-sm-display-block"
+              :title="$options.i18n.toggleDetailsLabel"
+              :aria-label="$options.i18n.toggleDetailsLabel"
+              :aria-expanded="isDetailsShown"
               @click="toggleDetails"
             />
           </div>