Merge branch 'hide-many-jobs-icon' into 'master'

Only show icon for limitations when above 100 failed jobs

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/144795



Merged-by: Jose Ivan Vargas <jvargas@gitlab.com>
Approved-by: Sunjung Park <spark@gitlab.com>
Approved-by: Jose Ivan Vargas <jvargas@gitlab.com>
Approved-by: Martin Čavoj <mcavoj@gitlab.com>
Approved-by: Jacques Erasmus <jerasmus@gitlab.com>
Reviewed-by: Martin Čavoj <mcavoj@gitlab.com>
Co-authored-by: Marcel van Remmerden <maclbb@hotmail.de>

app/assets/javascripts/ci/pipelines_page/components/failure_widget/pipeline_failed_jobs_widget.vue

@@ -56,6 +56,9 @@ export default {
     popoverId() {
       return `popover-${this.pipelineIid}`;
     },
+    maximumJobs() {
+      return this.currentFailedJobsCount > 100;
+    },
   },
   watch: {
     failedJobsCount(val) {
@@ -94,9 +97,8 @@ export default {
         class="gl-text-gray-500! gl-font-weight-semibold"
         @click="toggleWidget"
       >
-        <gl-icon :name="iconName" />
-        {{ failedJobsCountText }}
-        <gl-icon :id="popoverId" name="information-o" class="gl-ml-2" />
+        <gl-icon :name="iconName" />{{ failedJobsCountText
+        }}<gl-icon v-if="maximumJobs" :id="popoverId" name="information-o" class="gl-ml-2" />
         <gl-popover :target="popoverId" placement="top">
           <template #title> {{ $options.i18n.additionalInfoTitle }} </template>
           <slot>