fix(files): sanitize name and ext display

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ 2023-06-22 19:09:16 +02:00
parent fb61e3a761
commit 28c2d9e906
No known key found for this signature in database
GPG key ID: 60C25B8C072916CF
2 changed files with 4 additions and 1 deletions

View file

@ -83,7 +83,8 @@
<!-- File name -->
<span class="files-list__row-name-text">
<!-- Keep the displayName stuck to the extension to avoid whitespace rendering issues-->
{{ displayName }}<span class="files-list__row-name-ext" v-text="source.extension" />
<span class="files-list__row-name-" v-text="displayName" />
<span class="files-list__row-name-ext" v-text="source.extension" />
</span>
</a>
</td>

View file

@ -318,6 +318,8 @@ export default Vue.extend({
// Make some space for the outline
padding: 5px 10px;
margin-left: -10px;
// Align two name and ext
display: inline-flex;
}
.files-list__row-name-ext {