Truncates job names in pipeline graph

2019-05-28 11:37:42 +01:00 · 2019-05-28 11:37:42 +01:00 · 91c321375e
parent 4fe8105449
commit 91c321375e
2 changed files with 8 additions and 1 deletions
--- a/app/assets/javascripts/pipelines/components/graph/job_group_dropdown.vue
+++ b/app/assets/javascripts/pipelines/components/graph/job_group_dropdown.vue
@ -69,7 +69,9 @@ export default {
    >
      <ci-icon :status="group.status" />

-      <span class="ci-status-text"> {{ group.name }} </span>
+      <span class="ci-status-text text-truncate mw-70p gl-pl-1 d-inline-block align-bottom">
+        {{ group.name }}
+      </span>

      <span class="dropdown-counter-badge"> {{ group.size }} </span>
    </button>
--- a/changelogs/unreleased/62408-dropdown-truncate.yml
+++ b/changelogs/unreleased/62408-dropdown-truncate.yml
@ -0,0 +1,5 @@
+---
+title: Fix job name in graph dropdown overflowing
+merge_request: 28824
+author:
+type: fixed