web/satellite: fix table cells styling

This fixes an issue where the "primary" class will be applied to the
wrong table cell. Also, truncation for long file names is fixed.

Change-Id: I6303f4b7d3a7a064f8dc79fac90b0bc2d5eb5024
This commit is contained in:
Wilfred Asomani 2023-05-22 13:09:29 +00:00 committed by Storj Robot
parent c6f67d4799
commit 715b9f0299
2 changed files with 3 additions and 3 deletions

View File

@ -8,7 +8,7 @@
:selected="isFileSelected"
:on-click="openModal"
:on-primary-click="openModal"
:item="{'name': file.Key, 'size': size, 'date': uploadDate}"
:item="{'fileName': file.Key, 'size': size, 'date': uploadDate}"
:item-type="fileType"
@selectClicked="selectFile"
>

View File

@ -21,8 +21,8 @@
<div v-if="icon && index === 0" class="item-icon file-background">
<component :is="icon" />
</div>
<p :class="{primary: ((!icon && index === 0) || (icon && index === 1))}" :title="val" @click.stop="(e) => cellContentClicked(index, e)">
<middle-truncate v-if="(itemType?.toLowerCase() === 'file')" :text="val" />
<p :class="{primary: index === 0}" :title="val" @click.stop="(e) => cellContentClicked(index, e)">
<middle-truncate v-if="keyVal === 'fileName'" :text="val" />
<project-ownership-tag v-else-if="keyVal === 'owner'" no-icon :is-owner="val" />
<span v-else>{{ val }}</span>
</p>