Commit 5a6b648e authored by Jannik Lehmann's avatar Jannik Lehmann Committed by Kushal Pandya

Refactored Badges on IDE pipeline tab

parent ab98a8bc
<script>
import { GlLoadingIcon, GlIcon, GlTooltipDirective } from '@gitlab/ui';
import { GlLoadingIcon, GlIcon, GlTooltipDirective, GlBadge } from '@gitlab/ui';
import CiIcon from '../../../vue_shared/components/ci_icon.vue';
import Item from './item.vue';
......@@ -9,6 +9,7 @@ export default {
},
components: {
GlIcon,
GlBadge,
CiIcon,
Item,
GlLoadingIcon,
......@@ -74,7 +75,7 @@ export default {
{{ stage.name }}
</strong>
<div v-if="!stage.isLoading || stage.jobs.length" class="gl-mr-3 gl-ml-2">
<span class="badge badge-pill"> {{ jobsCount }} </span>
<gl-badge>{{ jobsCount }}</gl-badge>
</div>
<gl-icon :name="collapseIcon" class="ide-stage-collapse-icon" />
</div>
......
......@@ -25,11 +25,12 @@ exports[`IDE pipeline stage renders stage details & icon 1`] = `
<div
class="gl-mr-3 gl-ml-2"
>
<span
class="badge badge-pill"
<gl-badge-stub
size="md"
variant="muted"
>
4
</span>
4
</gl-badge-stub>
</div>
<gl-icon-stub
......
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