Merge branch '300073-Filename-overflowing-modal-when-importing' into 'master'

Fix filename is overflowing modal when importing

See merge request gitlab-org/gitlab!75891

app/assets/javascripts/issuable/components/csv_import_modal.vue

@@ -60,7 +60,11 @@ export default {
     <form ref="form" :action="importCsvIssuesPath" enctype="multipart/form-data" method="post">
       <input :value="$options.csrf.token" type="hidden" name="authenticity_token" />
       <p>{{ $options.i18n.mainText }}</p>
-      <gl-form-group :label="$options.i18n.uploadCsvFileText" label-for="file">
+      <gl-form-group
+        :label="$options.i18n.uploadCsvFileText"
+        class="gl-text-truncate"
+        label-for="file"
+      >
         <input id="file" type="file" name="file" accept=".csv,text/csv" />
       </gl-form-group>
       <p class="text-secondary">

ee/app/assets/javascripts/requirements/components/import_requirements_modal.vue

@@ -68,7 +68,11 @@ export default {
     </p>
 
     <div>
-      <gl-form-group label="Upload CSV file" label-for="import-requirements-file-input">
+      <gl-form-group
+        label="Upload CSV file"
+        class="gl-text-truncate"
+        label-for="import-requirements-file-input"
+      >
         <input
           id="import-requirements-file-input"
           ref="fileInput"