furk4ngg/keppler
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Site > File tree > Improve style

Browse Source
This commit is contained in:
brunosimon
2017-09-07 01:35:17 +02:00
parent 6bcf75ba01
commit 62d0eb31ff
7 changed files with 73 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/files-tree-file/template.html
+3 -3
View File
@@ -1,12 +1,12 @@
<div v-show="visible">
<a href="#" class="name" :style="{ paddingLeft:depth * 20 + 'px' }" @click.prevent="onNameClick">
<a href="#" class="name" :class="[ currentFile && currentFile.id === content.id ? 'active' : '' ]" :style="{ paddingLeft:depth * 20 + 'px' }" @click.prevent="onNameClick">
<file-icon class="icon" :extension="content.extension"></file-icon>
<span class="text">
<template v-for="(letter, key) in content.name">
<span :style="matchingPositions.indexOf(key) !== -1 ? 'font-weight:bold;' : ''">{{ letter }}</span>
</template>
</span>
<span v-if="content.isNew" class="new">(new)</span>
<span v-if="content.isChanged && !content.isNew" class="changed">(changed)</span>
<span v-if="content.isNew" class="notif new">new</span>
<span v-if="content.isChanged && !content.isNew" class="notif changed">changed</span>
</a>
</div>