Commit 171931d7 authored by Vitaly Slobodin's avatar Vitaly Slobodin

Fix MetricCard template

parent 12580cd4
...@@ -45,7 +45,7 @@ export default { ...@@ -45,7 +45,7 @@ export default {
<gl-skeleton-loading v-if="isLoading" class="gl-h-auto gl-py-3" /> <gl-skeleton-loading v-if="isLoading" class="gl-h-auto gl-py-3" />
<div v-else ref="metricsWrapper" class="gl-display-flex"> <div v-else ref="metricsWrapper" class="gl-display-flex">
<div <div
v-for="{ tooltipText = '', ...metric } in metrics" v-for="metric in metrics"
:key="metric.key" :key="metric.key"
ref="metricItem" ref="metricItem"
class="js-metric-card-item gl-flex-grow-1 gl-text-center" class="js-metric-card-item gl-flex-grow-1 gl-text-center"
...@@ -56,14 +56,16 @@ export default { ...@@ -56,14 +56,16 @@ export default {
<h3 v-else class="gl-my-2">{{ valueText(metric) }}</h3> <h3 v-else class="gl-my-2">{{ valueText(metric) }}</h3>
<p class="text-secondary gl-font-sm gl-mb-2"> <p class="text-secondary gl-font-sm gl-mb-2">
{{ metric.label }} {{ metric.label }}
<span v-if="tooltipText.length" <span v-if="metric.tooltipText">
>&nbsp;<gl-icon &nbsp;
v-gl-tooltip="{ title: tooltipText }" <gl-icon
v-gl-tooltip="{ title: metric.tooltipText }"
:size="14" :size="14"
class="gl-vertical-align-middle" class="gl-vertical-align-middle"
name="question" name="question"
data-testid="tooltip" data-testid="tooltip"
/></span> />
</span>
</p> </p>
</div> </div>
</div> </div>
......
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