Merge branch '22904-fix-overflow' into 'master'

Fixes job overflow in stages dropdown

Closes #22904

See merge request gitlab-org/gitlab!17899

app/assets/javascripts/jobs/components/job_container_item.vue

@@ -54,7 +54,7 @@ export default {
       :href="job.status.details_path"
       :title="tooltipText"
       data-boundary="viewport"
-      class="js-job-link"
+      class="js-job-link d-flex"
     >
       <icon
         v-if="isActive"
@@ -64,7 +64,7 @@ export default {
 
       <ci-icon :status="job.status" />
 
-      <span>{{ job.name ? job.name : job.id }}</span>
+      <span class="text-truncate w-100">{{ job.name ? job.name : job.id }}</span>
 
       <icon v-if="job.retried" name="retry" class="js-retry-icon" />
     </gl-link>

app/assets/stylesheets/pages/builds.scss

@@ -308,12 +308,8 @@
     }
 
     a {
-      display: block;
       padding: $gl-padding 10px $gl-padding 40px;
       width: 270px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
 
       &:hover {
         color: $gl-text-color;

changelogs/unreleased/22904-fix-overflow.yml

+---
+title: Fixes job overflow in stages dropdown
+merge_request:
+author:
+type: fixed