diff options
Diffstat (limited to 'apps/files/src/components/FileEntry.vue')
| -rw-r--r-- | apps/files/src/components/FileEntry.vue | 34 |
1 files changed, 7 insertions, 27 deletions
diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue index 40a271aa972..adfaab8cc9a 100644 --- a/apps/files/src/components/FileEntry.vue +++ b/apps/files/src/components/FileEntry.vue @@ -71,7 +71,7 @@ :visible="visible" /> <!-- Size --> - <td v-if="isSizeAvailable" + <td v-if="!compact && isSizeAvailable" :style="sizeOpacity" class="files-list__row-size" data-cy-files-list-row-size @@ -80,7 +80,7 @@ </td> <!-- Mtime --> - <td v-if="isMtimeAvailable" + <td v-if="!compact && isMtimeAvailable" :style="mtimeOpacity" class="files-list__row-mtime" data-cy-files-list-row-mtime @@ -170,6 +170,10 @@ export default Vue.extend({ type: Number, default: 0, }, + compact: { + type: Boolean, + default: false, + }, }, setup() { @@ -200,7 +204,7 @@ export default Vue.extend({ }, columns() { // Hide columns if the list is too small - if (this.filesListWidth < 512) { + if (this.filesListWidth < 512 || this.compact) { return [] } return this.currentView?.columns || [] @@ -513,27 +517,3 @@ export default Vue.extend({ }, }) </script> - -<style scoped lang='scss'> -/* Hover effect on tbody lines only */ -tr { - &:hover, - &:focus { - background-color: var(--color-background-dark); - } -} -</style> - -<style> -/* @keyframes preview-gradient-fade { - 0% { - opacity: 1; - } - 50% { - opacity: 0.5; - } - 100% { - opacity: 1; - } -} */ -</style> |