Truncates job names in pipeline graph

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>

changelogs/unreleased/62408-dropdown-truncate.yml

+---
+title: Fix job name in graph dropdown overflowing
+merge_request: 28824
+author:
+type: fixed