summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/repo/repo_file.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/repo/repo_file.js')
-rw-r--r--app/assets/javascripts/repo/repo_file.js13
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: {