Fix avatar getting cut off

Fix mobile truncate of avatar getting cut off for new jobs table.

Fix avatar getting cut off
Fix mobile truncate of avatar getting cut off for new jobs table.
21f661af · Payton Burdette · b8d9fecf · 21f661af
Commit 21f661af authored Nov 30, 2021 by Payton Burdette
Hide whitespace changes
Inline Side-by-side

Showing with 6 additions and 4 deletions

app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue ...javascripts/jobs/components/table/cells/pipeline_cell.vue +6 -4

No files found.
--- a/app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue
+++ b/app/assets/javascripts/jobs/components/table/cells/pipeline_cell.vue
@@ -35,10 +35,12 @@ export default {
 </script>
 <template>
-  <div class="gl-text-truncate">
+  <div>
-    <gl-link class="gl-text-gray-500!" :href="pipelinePath" data-testid="pipeline-id">
+    <div class="gl-text-truncate">
-      {{ pipelineId }}
+      <gl-link class="gl-text-gray-500!" :href="pipelinePath" data-testid="pipeline-id">
-    </gl-link>
+        {{ pipelineId }}
+      </gl-link>
+    </div>
    <div>
      <span>{{ __('created by') }}</span>
      <gl-link v-if="showAvatar" :href="userPath" data-testid="pipeline-user-link">