diff options
Diffstat (limited to 'app/assets/javascripts/repo/repo_file.js')
-rw-r--r-- | app/assets/javascripts/repo/repo_file.js | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/app/assets/javascripts/repo/repo_file.js b/app/assets/javascripts/repo/repo_file.js index b1f8e3bb0e5..3db7e47c9e9 100644 --- a/app/assets/javascripts/repo/repo_file.js +++ b/app/assets/javascripts/repo/repo_file.js @@ -1,14 +1,14 @@ let RepoFile = { template: ` - <tr v-if='!loading.tree || hasFiles'> + <tr v-if='!loading.tree || hasFiles' :class='{"active": activeFile.url === file.url}'> <td> <i class='fa' :class='file.icon' :style='{"margin-left": file.level * 10 + "px"}'></i> - <a :href='file.url' @click.prevent='linkClicked(file)' :title='file.url'>{{file.name}}</a> + <a :href='file.url' @click.prevent='linkClicked(file)' class='repo-file-name' :title='file.url'>{{file.name}}</a> </td> - <td v-if='!isMini'> - <div class='ellipsis'>{{file.lastCommitMessage}}</div> + <td v-if='!isMini' class='hidden-sm hidden-xs'> + <div class='commit-message'>{{file.lastCommitMessage}}</div> </td> - <td v-if='!isMini'> + <td v-if='!isMini' class='hidden-xs'> <span>{{file.lastCommitUpdate}}</span> </td> </tr> @@ -19,7 +19,8 @@ let RepoFile = { isTree: Boolean, isMini: Boolean, loading: Object, - hasFiles: Boolean + hasFiles: Boolean, + activeFile: Object }, methods: { |