Commit e526e4cc authored by Sunjung Park's avatar Sunjung Park Committed by Denys Mishunov

Replace the tooltip component in geo progress bar

parent 8bd9940b
<script>
import { GlTooltipDirective } from '@gitlab/ui';
import { __ } from '~/locale';
import { roundOffFloat } from '~/lib/utils/common_utils';
import tooltip from '~/vue_shared/directives/tooltip';
export default {
directives: {
tooltip,
GlTooltip: GlTooltipDirective,
},
props: {
cssClass: {
......@@ -112,7 +112,7 @@ export default {
<span v-if="!totalCount" class="status-unavailable">{{ unavailableLabel }}</span>
<span
v-if="successPercent"
v-tooltip
v-gl-tooltip
:title="successTooltip"
:style="successBarStyle"
class="status-green"
......@@ -122,7 +122,7 @@ export default {
</span>
<span
v-if="neutralPercent"
v-tooltip
v-gl-tooltip
:title="neutralTooltip"
:style="neutralBarStyle"
class="status-neutral"
......@@ -132,7 +132,7 @@ export default {
</span>
<span
v-if="failurePercent"
v-tooltip
v-gl-tooltip
:title="failureTooltip"
:style="failureBarStyle"
class="status-red"
......
......@@ -2,13 +2,9 @@
import { GlPopover, GlSprintf, GlLink } from '@gitlab/ui';
import { toNumber } from 'lodash';
import StackedProgressBar from '~/vue_shared/components/stacked_progress_bar.vue';
import tooltip from '~/vue_shared/directives/tooltip';
export default {
name: 'GeoNodeSyncProgress',
directives: {
tooltip,
},
components: {
GlPopover,
GlSprintf,
......
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