diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2023-10-13 16:49:54 +0200 |
|---|---|---|
| committer | John Molakvoæ <skjnldsv@protonmail.com> | 2023-10-17 11:19:02 +0200 |
| commit | 16975ae45720945776155f026835cfdaf8491383 (patch) | |
| tree | 6eb6db9dee1d86a7da98c46b10d0dd9ea004dcc7 /apps/files/src/components/FileEntry.vue | |
| parent | 694fd51cbaa18acbaa76a100010f00b904f96f7b (diff) | |
| download | nextcloud-server-16975ae45720945776155f026835cfdaf8491383.tar.gz nextcloud-server-16975ae45720945776155f026835cfdaf8491383.zip | |
feat(files): grid view
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
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> |