diff --git a/app/assets/javascripts/repo/components/repo_file.vue b/app/assets/javascripts/repo/components/repo_file.vue index 9f16e6bb2cc1a77db3ab0732a2e3503778514707..5be47d568e7631c3f405093ab674674b430f3bd5 100644 --- a/app/assets/javascripts/repo/components/repo_file.vue +++ b/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" diff --git a/app/assets/javascripts/repo/components/repo_loading_file.vue b/app/assets/javascripts/repo/components/repo_loading_file.vue index 14c2ddfb615ba615e7ccde9196d55949fd707d9d..8fa637d771f27ab2bed254c58e71ad26a2014919 100644 --- a/app/assets/javascripts/repo/components/repo_loading_file.vue +++ b/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" /> diff --git a/app/assets/javascripts/repo/components/repo_sidebar.vue b/app/assets/javascripts/repo/components/repo_sidebar.vue index 3f61d048288e57d5e184f6d0efdb41df9924511c..9365b09326fc576420ff1881aea7870d4b3dba47 100644 --- a/app/assets/javascripts/repo/components/repo_sidebar.vue +++ b/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"> diff --git a/app/assets/stylesheets/pages/repo.scss b/app/assets/stylesheets/pages/repo.scss index fee4638e20f320bc663b852bfd2f6004b6ad793e..d93c51d5448e16e5370039fdafaebdbe5b666a8d 100644 --- a/app/assets/stylesheets/pages/repo.scss +++ b/app/assets/stylesheets/pages/repo.scss @@ -298,3 +298,7 @@ width: 100%; } } + +.multi-file-table-col-name { + width: 350px; +}