Commit cfdc2632 authored by Jeremy Elder's avatar Jeremy Elder Committed by Tim Zallmann

Migrate Bootstrap button to GlButton in …assignees_list_item.vue

parent 5ff3f72f
<script> <script>
import { GlButton } from '@gitlab/ui';
import { sprintf, __ } from '~/locale'; import { sprintf, __ } from '~/locale';
export default { export default {
components: {
GlButton,
},
props: { props: {
item: { item: {
type: Object, type: Object,
...@@ -25,7 +29,7 @@ export default { ...@@ -25,7 +29,7 @@ export default {
<template> <template>
<li class="filter-dropdown-item" @click="handleItemClick"> <li class="filter-dropdown-item" @click="handleItemClick">
<button class="btn btn-link dropdown-user d-flex py-2 px-4" type="button"> <gl-button variant="link" category="primary" class="dropdown-user">
<div class="avatar-container s32 flex-shrink-0"> <div class="avatar-container s32 flex-shrink-0">
<img :alt="avatarAltText" :src="item.avatar_url" class="avatar s32 lazy" /> <img :alt="avatarAltText" :src="item.avatar_url" class="avatar s32 lazy" />
</div> </div>
...@@ -33,6 +37,6 @@ export default { ...@@ -33,6 +37,6 @@ export default {
<div class="text-truncate">{{ item.name }}</div> <div class="text-truncate">{{ item.name }}</div>
<div class="text-truncate dropdown-light-content">@{{ item.username }}</div> <div class="text-truncate dropdown-light-content">@{{ item.username }}</div>
</div> </div>
</button> </gl-button>
</li> </li>
</template> </template>
---
title: Migrate Bootstrap button to GlButton in the issue boards assignee dropdown list
merge_request: 40398
author:
type: other
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment