JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: fix table cells styling

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/satellite/src/components/browser/FileEntry.vue
View File

@ -8,7 +8,7 @@
:selected="isFileSelected" :selected="isFileSelected"
:on-click="openModal" :on-click="openModal"
:on-primary-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" :item-type="fileType"
@selectClicked="selectFile" @selectClicked="selectFile"
> >

4
web/satellite/src/components/common/TableItem.vue
View File

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