Merge branch '276949-pipeline-number-bugfix' into 'master'

Fix flex overflow bug

See merge request gitlab-org/gitlab!48931

app/assets/javascripts/pipelines/components/graph/job_group_dropdown.vue

@@ -47,7 +47,7 @@ export default {
       class="dropdown-menu-toggle build-content gl-build-content"
     >
       <div class="gl-display-flex gl-align-items-center gl-justify-content-space-between">
-        <span class="gl-display-flex gl-align-items-center">
+        <span class="gl-display-flex gl-align-items-center gl-w-90">
           <ci-icon :status="group.status" :size="24" />
 
           <span class="gl-text-truncate mw-70p gl-pl-3 gl-display-inline-block">

app/assets/stylesheets/page_bundles/pipeline.scss

@@ -139,6 +139,10 @@
   width: 186px;
 }
 
+.gl-w-90 {
+  width: 90%;
+}
+
 .gl-build-content {
   @include build-content();
 }

changelogs/unreleased/276949-pipeline-number-bugfix.yml

+---
+title: Fix flex overflow bug
+merge_request: 48931
+author:
+type: fixed