Merge branch 'multi-file-editor-table-cells-width' into 'master'

Fixed multi-file editor table cells content width jumping

See merge request gitlab-org/gitlab-ce!15245

app/assets/javascripts/repo/components/repo_file.vue

@@ -54,7 +54,10 @@
   <tr
     class="file"
     @click.prevent="clickedTreeRow(file)">
-    <td :colspan="submoduleColSpan">
+    <td
+      class="multi-file-table-col-name"
+      :colspan="submoduleColSpan"
+    >
       <i
         class="fa fa-fw file-icon"
         :class="fileIcon"

app/assets/javascripts/repo/components/repo_loading_file.vue

@@ -19,7 +19,7 @@
     class="loading-file"
     aria-label="Loading files"
   >
-    <td>
+    <td class="multi-file-table-col-name">
       <skeleton-loading-container
         :small="true"
       />

app/assets/javascripts/repo/components/repo_sidebar.vue

@@ -57,7 +57,7 @@ export default {
           </strong>
         </th>
         <template v-else>
-          <th class="name">
+          <th class="name multi-file-table-col-name">
             Name
           </th>
           <th class="hidden-sm hidden-xs last-commit">

app/assets/stylesheets/pages/repo.scss

@@ -298,3 +298,7 @@
     width: 100%;
   }
 }
+
+.multi-file-table-col-name {
+  width: 350px;
+}