Commit aab5fd7b authored by Jose Ivan Vargas's avatar Jose Ivan Vargas

Merge branch '343977-version-field-overflow-ip-address-at-the-runner-s-admin-page' into 'master'

Prevent runner list IP and version overflow

See merge request gitlab-org/gitlab!74707
parents 04d639ad 3013b543
<script> <script>
import { GlTable, GlTooltipDirective, GlSkeletonLoader } from '@gitlab/ui'; import { GlTable, GlTooltipDirective, GlSkeletonLoader } from '@gitlab/ui';
import TooltipOnTruncate from '~/vue_shared/components/tooltip_on_truncate.vue';
import { getIdFromGraphQLId } from '~/graphql_shared/utils'; import { getIdFromGraphQLId } from '~/graphql_shared/utils';
import { __, s__ } from '~/locale'; import { __, s__ } from '~/locale';
import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue'; import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
...@@ -32,6 +33,7 @@ export default { ...@@ -32,6 +33,7 @@ export default {
components: { components: {
GlTable, GlTable,
GlSkeletonLoader, GlSkeletonLoader,
TooltipOnTruncate,
TimeAgo, TimeAgo,
RunnerActionsCell, RunnerActionsCell,
RunnerSummaryCell, RunnerSummaryCell,
...@@ -101,11 +103,15 @@ export default { ...@@ -101,11 +103,15 @@ export default {
</template> </template>
<template #cell(version)="{ item: { version } }"> <template #cell(version)="{ item: { version } }">
<tooltip-on-truncate class="gl-display-block gl-text-truncate" :title="version">
{{ version }} {{ version }}
</tooltip-on-truncate>
</template> </template>
<template #cell(ipAddress)="{ item: { ipAddress } }"> <template #cell(ipAddress)="{ item: { ipAddress } }">
<tooltip-on-truncate class="gl-display-block gl-text-truncate" :title="ipAddress">
{{ ipAddress }} {{ ipAddress }}
</tooltip-on-truncate>
</template> </template>
<template #cell(tagList)="{ item: { tagList } }"> <template #cell(tagList)="{ item: { tagList } }">
......
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