Make badge in issues-badge Pajamas compliant

parent 8b5b39ce
<script> <script>
import { GlIcon, GlPopover, GlBadge } from '@gitlab/ui'; import { GlPopover, GlBadge } from '@gitlab/ui';
import IssueLink from 'ee/vulnerabilities/components/issue_link.vue'; import IssueLink from 'ee/vulnerabilities/components/issue_link.vue';
import { n__ } from '~/locale'; import { n__ } from '~/locale';
export default { export default {
components: { components: {
GlIcon,
GlBadge, GlBadge,
GlPopover, GlPopover,
IssueLink, IssueLink,
...@@ -37,8 +36,7 @@ export default { ...@@ -37,8 +36,7 @@ export default {
<template> <template>
<div class="gl-display-inline-block"> <div class="gl-display-inline-block">
<gl-badge ref="issueBadge" class="gl-px-3"> <gl-badge ref="issueBadge" icon="issues" class="gl-px-3">
<gl-icon name="issues" class="gl-mr-2" />
{{ numberOfIssues }} {{ numberOfIssues }}
</gl-badge> </gl-badge>
<gl-popover ref="popover" :target="issueBadgeEl" placement="top"> <gl-popover ref="popover" :target="issueBadgeEl" placement="top">
......
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