diff options
| author | Simon L <szaimen@e.mail.de> | 2023-01-04 00:09:16 +0100 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2023-01-04 12:16:11 +0000 |
| commit | d072a5201da4aa4de2fe878af915a8baf94300a4 (patch) | |
| tree | 8b1fa6e136dfe04d44991ecc2d13f1baa4049211 /apps/files | |
| parent | 0a5b3d03df452f9bfe812b4f9560b64638337386 (diff) | |
| download | nextcloud-server-d072a5201da4aa4de2fe878af915a8baf94300a4.tar.gz nextcloud-server-d072a5201da4aa4de2fe878af915a8baf94300a4.zip | |
appsidebar should be compact when opened on small heights
Signed-off-by: Simon L <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/files')
| -rw-r--r-- | apps/files/src/views/Sidebar.vue | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/apps/files/src/views/Sidebar.vue b/apps/files/src/views/Sidebar.vue index d4bf8cfde40..ed0e6e64317 100644 --- a/apps/files/src/views/Sidebar.vue +++ b/apps/files/src/views/Sidebar.vue @@ -112,6 +112,7 @@ export default { fileInfo: null, starLoading: false, isFullScreen: false, + hasLowHeight: false, } }, @@ -226,7 +227,7 @@ export default { 'app-sidebar--has-preview': this.fileInfo.hasPreview && !this.isFullScreen, 'app-sidebar--full': this.isFullScreen, }, - compact: !this.fileInfo.hasPreview || this.isFullScreen, + compact: this.hasLowHeight || !this.fileInfo.hasPreview || this.isFullScreen, loading: this.loading, starred: this.fileInfo.isFavourited, subtitle: this.subtitle, @@ -484,6 +485,16 @@ export default { handleClosed() { emit('files:sidebar:closed') }, + handleWindowResize() { + this.hasLowHeight = document.documentElement.clientHeight < 1024 + }, + }, + created() { + window.addEventListener('resize', this.handleWindowResize) + this.handleWindowResize() + }, + beforeDestroy() { + window.removeEventListener('resize', this.handleWindowResize) }, } </script> |